Newsgroup: it.comp.www.html
Titolo: Due pensieri sui CSS

E' una cosa di cui ho discusso oggi al lavoro con un mio collega che
stava sviluppando un sito web...
L'oggetto della contesa erano dei semplici div innestati in cui il div
parent aveva "text-align: right".... se non ricordo male i div interni
dovrebbero ereditare la proprietà (ad ogni modo il problema si pone lo
stesso anche esplicitando lo stile in tutti i div interni)
Il punto è questo: Mozilla 1.4/NS7.1/Firebird 0.6 non visualizzano
correttamente la cosa...mentre IE di default si. Provando a cambiare
lo user agent di Firebird in quello di IE il problema scompare...
...è un baco? Per quale motivo si verifica? Perchè Moz in "emulazione"
funziona meglio?
-- 
Lawrence "Rhymes" Oluyede
http://loluyede.blogspot.com
XmlDesk - 
http://tinyurl.com/fhrz
 - for Xml developers
UGIdotNET - User Group Italiano .NET - 
http://www.ugidotnet.org

 lo user agent di Firebird in quello di IE il problema scompare...
lo user agent?
confermo che IE6 qui a casa butta il DIV a DX.
quello che mi rende sospettoso di IE e' questa vecchia perla:
http://bluerobot.com/web/css/center1.html
...che sembra sfruttare proprio il fatto che
IE sbagli ad allineare i block. il quella pagina
pero' si parla di IE5.
ciao.
***
prova questo, su moz 1.4 fa esattamente quello che mi aspetto, cioe':
il testo del paragrafo viene allineato a dx, ma #two resta a
sinistra. da notare che text-align: right viene eriditata.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"
http://www.w3.org/TR/html4/strict.dtd
">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#one {
   text-align: right;
   border: 1px solid red;
}
#two {
   border: 1px solid blue;
   width: 300px;
}
</style>
</head>
<body>
<div id="one">
<div id="two">
   <p>Un po' di testo, grazie</p>
</div>
</div>
</body>
</html>
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

sinistra. da notare che text-align: right viene eriditata.
Con Moz ok...con IE è come al lavoro...tutto a destra


 cosa del genere per farla funzionare su entrambi i browser?
sposti "text-align: right" all'interno del
selector di #two.
se hai altri DIV figli di #one duplichi "text-align:right".
ridondante? certo! ma non e' una novita', ogni volta che
io scrivo:
body, p, li, td, th, dd, dt, h1, h2, h3, h4, h5, h6
{
   /* impostazioni font */
}
lo faccio perche' alcuni browser (IE5?) non propagano
corretamente le impostazione dei font. in realta' basterebbe
scrivere:
body
{
   /* impostazioni font */
}
che ci vuoi fare, cosi' e' la vita. :)
ma forse tu volevi spostare tutti i DIV a dx? beh questo
e' un altro paio di maniche :)
ciao.


selector di #two.
Avevamo già provato a spostare il text-align dentro ogni div figlio ma
la cosa non cambiava... Lunedi farò qualche prova


 la cosa non cambiava... Lunedi farò qualche prova
ho provato io prima di scrivertelo, con IE6 funziona :)
(nel senso che si allinea alla versione mozilla, non
il contrario).


il contrario).
Ok


visto che non sei un toro il cerchio si restringe, ragazzo!"
Full Metal Jacket, il sergente (o cos'era...) presente anche in The
Frightners di Peter Jackson :))

e' un altro paio di maniche :)
E se volessi farlo?
