Problém s CSS
4 příspěvky
Archiv diskusního fóra
Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.
-
Mam index.php: <body> <div id="stranka"> <div id="hlavicka"> <hi>Nadpis</h1> <p>Bla BlaBla BlaBla BlaBla BlaBla BlaBla Bla</p> </div> <div id="navigace"> <h2>Navigace</h2> <ul> <li>Bla BlaBla BlaBla Bla</li> <li>Bla BlaBla BlaBla Bla</li> <li>Bla BlaBla BlaBla Bla</li> <li>Bla BlaBla BlaBla Bla</li> <li>Bla BlaBla BlaBla Bla</li> </ul> </div> <div id="obsah"> <h2>OBSAH</h2> <p>Bla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla Bla</p> <p>Bla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla Bla</p> <p>Bla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla Bla</p> <p>Bla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla Bla</p> <p>Bla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla Bla</p> </div> <div id="informace"> <h2>Další informace</h2> <p>Bla BlaBla BlaBla BlaBla</p> <p>Bla BlaBla BlaBla BlaBla</p> <p>Bla BlaBla BlaBla BlaBla</p> </div> <div id="paticka"> <address>Autor MyFlower 2006</address> </div> </div> </body> a pak mam style.css: body { color: White; } #stranka { max-width: 600px; min-width: 300px; padding: 1em; margin: 1em auto; background-color: Black; } #obsah { color: Black; float: left; width: 60%; margin: 0 2%; background-color: White; } #navigace { color: Black; float: left; width: 18%; background-color: Yellow; } #informace { float: left; width: 18%; background-color: Green; color: Black; } #paticka { clear: left; background-color: Red; } Ve FF mi to funguje nadherne: vsechny divy se seradej za sebe, tak jak to chci, ale v IE je rozhozenej div informace dole pod tema ostatnima a... a to ja nechci ;-) - co s tim?
-
Bude to tím, že IE nepodporuje min. a max. rozměry. (max_width)... Dá se to nahradit touto šíleností: ... max-width: 600px; min-width: 300px; _width: expression(document.body.clientWidth < 300? "300px" : "auto" ); _width: expression(document.body.clientWidth > 600? "600px" : "auto" ); .... Ale i tak se to chová v IE podivně (rozhodí to patičku). Bude to asi tvrdý oříšek. Jo a dej si do style.css u tagu body ještě "text-align: center", protože jinak to není v IE vycentrováno.
-
a co tam dat velikost okraju margin-left a margin-right?
-
2 SuperGo: tak to je nesmysl, kuli různejm rozlišenim.