Newsgroup: it.lavoro.professioni.webmaster
Titolo: Ai WebMaseter Professionisti di Questo NG

Quanti di voi con i css usano i commenti condizionali per far sě che IE si 
comporti uguale come a FF o altri Browser?
Ho visto molti templates fatti con CSS perň nessuno usa i commenti 
condizionali... 

".AMIC." <forza...@forzanapoli.forzanapoli> ha scritto nel messaggio 
news:478c728f$0$4797$4faf...@reader4.news.tin.it...


 comporti uguale come a FF o altri Browser?
...
Solo in casi estremi, la maggior parte delle volte i problemi li ho con IE6
e non 7, quindi risolvo sfruttando "!important" all'interno del css per dare
istruzioni differenti.
Quando i problemi li ha dati IE7 ho dovuto usare i comenti condizionali.
Ciao
-- 
Nadia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
non rompere le scatole, aprile!
www.maipiusenza.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Io sto avendo un problema con un sito che sto cercando di realizzare.
Ho inserito un box all'interno di un altro box. Quando poi vado ad inserire 
del testo sotto questi box annidati FF  mi lascia uno spazio abbastanza 
ampio mentre IE me lo lascia molto piů piccolo.
Questo č il CSS:
body {
  margin: auto;
  text-align: center;
    background: url(sfondosecondo.gif) repeat-x;
  background-color: #0033FF;
}
#centrato {
  width: 800px;
  margin: auto;
}
#corpo {
  float: left;
  background: url(laterali.gif) left repeat-y;
   width: 800px;
  margin: 70px 0px 0px 0px;
}
#colonnauno {
 float: left;
 width: 590px;
 padding: 0px 0px 0px 15px;
 text-align: left;
 font-size: 12px;
 color: White;
  font: Tahoma;
  font-family: Tahoma;
}
#colonnauno h1  {
 border: 1px dashed #FF0033;
 text-align: left;
 font: 15px Tahoma;
 width: 350px;
 margin: 10px 0px 5px 0px;
 background-color: Blue;
 color: Red;
}
#colonnadue {
  float: left;
  width: 190px;
  font-family: Tahoma;
  color: #990000;
    font-size: 12px;
    }
#intestazione {
 background-image: url(bannersuperiore.gif);
 height: 100px;
 width: 780px;
 margin: auto;
 }
 #contenitoreuno {
  width: 400px;
 border: 1px dashed White;
 }
#menu04o {
width: 780px;
font: 10px Arial, Helvetica, sans-serif;
}
#menu04o ul {
list-style: none;
margin: 0;
padding-left: 0;
}
#menu04o li {
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu04o a:link, #menu04o a:visited {
float: left;
padding: 0.3em 1.5em 0.3em 1.5em;
margin: 0em;
border-left: 10px solid #41545F;
background-color: #0000CC;
color: #FFFFFF;
text-decoration: none;
}
#menu04o a:hover, #menu04o a:focus, #menu04o a:active{
background-color: White;
color: #990000;
border-left: 10px solid #EAD100;
}
#intestazionedue{
width: 780px;
 height: 23px;
 background-color: White;
 margin: auto;
 background-color: #0000cc;
}
.nota {
 background: url(nota.gif);
 width: 590px;
 background-repeat: no-repeat;
padding: 40px 0px 0px 0px;
 margin-top: 5px;
  font-size: 12px;
 color: White;
  font: Tahoma;
  font-family: Tahoma;
  height: 360px;
}
.notadue {
 width: 560px;
 overflow: auto;
 height: 270px;
 margin-top: 5px;
  font-size: 12px;
 color: White;
  font: Tahoma;
  font-family: Tahoma;
  text-align: justify;
  padding: 0px 5px 0px 0px;
}
.notadue img  {
  float: left;
  margin: 10px 10px 0px 10px;
}
.notatre {
width: 520px;
font-size: 12px;
 color: White;
 font: Tahoma;
 font-family: Tahoma;
 border: 1px dashed #663333;
}
#testonota{
 margin: 10px 0px 0px 10px;
}
Questa č la Pagina:
body>
     <div id="centrato">
           <div id="corpo">
              <div id="intestazione"></div>
          <div id="intestazionedue"><div id="menu04o">
 <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Chi siamo</a></li>
  <li><a href="#">L'Eco</a></li>
  <li><a href="#">Associazioni</a></li>
  <li><a href="#">Parliamone - Forum -</a></li>
  <li><a href="#">Feste e Sagre</a></li>
  <li><a href="#">Links</a></li>
  <li><a href="#">Scrivici</a></li>
 </ul>
</div>
    </div>
       <div id="colonnauno">
             <div class="nota">
        <div class="notadue"><img src="bg_il%20cipresso.JPG" width="240" 
height="288"><div id="testonota">Questo
          sito vuole presentarsi a tutti i cittadiniQuesto
          sito vuole presentarsi a tutti i cittadiniQuesto
          sito vuole presentarsi a tutti i cittadiniQuesto
          sito vuole presentarsi a tutti i cittadiniQuesto
          sito vuole presentarsi a tutti i cittadiniQuesto
          sito vuole presentarsi a tutti i cittadini Questo
          sito vuole presentarsi a tutti i cittadini Questo
          sito vuole presentarsi a tutti i cittadini Questo
          sito vuole presentarsi a tutti i cittadini Questo
          sito vuole presentarsi a tutti i cittadini</div></div>
                         </div>
  <p>height: 350px</p>
                      </div>
    <div id="colonnadue">
      <p>Sito Aggiornato il 12-01-2008</p>
      <p><img src="giornalino28%20copia.jpg" width="175" height="248"></p>
      <p>Sei il Visitatore N&deg;</p>
    </div>
                      </div>
                                </div>
</body> 

 condizionali...
Preferisco lo star hack, così resto sempre all'interno del CSS
-- 
Raffaele Masi
www.webmasterfirenze.it

 -- 
Che significa? 

 Che significa?
E' un metodo alternativo per rimediare alle pecche di explorer, google 
ti è amico :-)
-- 
Raffaele Masi
www.webmasterfirenze.it


Lo so ma non ho trovato nulla a riguardo 

 
Se vuoi validare i css, l'unica è usare i commenti.
Inoltre mi sembra più agevole come modo di procedere.
Sviluppi per FF, poi guardi, se ci sono inghippi inserisci un commento e 
nel file css specifico inserisci le istruzioni specifiche.
Alla fine mi risulta più facilmente 'manutenibile' (scusate il neologismo).
-- 
-------------------------------------------
Paolo De Dionigi
www.atfriends.net
Responsabile Tecnico Zen Cart Italia

 neologismo).
Sì, anche secondo me il commento condizionale è lo strumento migliore.
Anche perchè non è possibile prevedere come i futuri browser reagiranno
a hack inseriti nel codice. Con i commenti condizionali non ci si
sbaglia.
-- 
Insomnium

 sbaglia.
Lo star hack è più o meno a prova di bomba, per romperlo devono farlo 
apposta.
-- 
Fact of life #15: Heads bleed, walls don't.