Problém s CSS
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?
<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.
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.
tak to je nesmysl, kuli různejm rozlišenim.
Nové příspěvky
Smazani stranek
index.html )
HTML Tabulky
Zalamování textu pomocí CSS
Přesměrování
Arduino - 400 Bad Request
Nastavení českých písmen
POMOC! po druhé!
Pozicování (obrázek na střed).
Jak vycentrovat obrazek, ktery je v prikazu absolute ?
Použití tvůrce webu
katalog
async functions' is only available in es8 (use 'esversion: 8')
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
Problém s načítáním
Div pro reklamu překrývá prvky webové stránky
Nezobrazuje se mi lišta s reklamou
ako nahrám na môj web favicon?
JavaScript - nečitelný soubor *.js - jak prohlížet/editovat
Problém s textem
videostream
index.html
GB///refresh///JS
Total Commander - server nenalezen
Mobilní verze webu
Další témata
STATUS
FTP
HTTP
SQL
PHP
© 2002 - 2024 Web zdarma s.r.o. — zvládnete to sami