Pros?m n?jakou dobrou du?i, kter? by mi poradila s t?mto layoutem
http://acaci.g8mb.cz/css.jpg. Chci prvky pozicovat p?es CSS, ale
narazil jsem na probl?my s bloky a ?pln? jsem se v tom zamotal. Str?nka by m?la
b?t centrovan? a ?daje prvk? jsou v px. Mockr?t d?kuji, jestli mi n?kdo vyrob?
kod, ?i mi jen porad? a nebo uvede n?jak? odkaz, kde je n?co v?c (bloky) o CSS
pozicov?n
Fórum › HTML / XHTML
Problém s CSS layoutem
Styly:
#page {width:753px; }
#logo {width:203px; height:165px; background-color:#333333; float:left;}
#hornivelky {width:550px; height:121px; float:left; background-color:#999999; }
#menu {width:550px; height:44px; float:right;}
#menuvelkyhorni {width:138px; height:23px; float:right; background-color:#FF00FF;}
#menumalyhorni {width:137px; height:23px; float:right; background-color:#FF0000;}
#menuvelkydolni {width:138px; height:21px; float:right; background-color:#0000FF;}
#menumalydolni {width:137px; height:21px; float:right; background-color:#000000;}
#hlavni {width:753px; clear:both; background-color:#FFFF00;}
#paticka {width:753px; height:22px; clear:both; background-color:#AAA;}
Do body vložit:
<div id="page">
<div id="logo">
</div>
<div id="hornivelky">
</div>
<div id="menu">
<div id="menuvelkyhorni">
</div>
<div id="menumalyhorni">
</div>
<div id="menumalyhorni">
</div>
<div id="menuvelkyhorni">
</div>
<div id="menuvelkydolni">
</div>
<div id="menumalydolni">
</div>
<div id="menumalydolni">
</div>
<div id="menuvelkydolni">
</div>
</div>
<div id="hlavni">
Hlavni pole
</div>
<div id="paticka">
</div>
</div>
Otestované to je ve FF.
To Jarda: Zabralo mi to deset minut, taky sem to nedělal poprvé..
Zjistit počet nových příspěvků
Přidej příspěvek
Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
Uživatelé prohlížející si toto vlákno
Uživatelé on-line: 0 registrovaných, 2 hosté
Podobná vlákna
Problém s layoutem a pozicováním — založil Colpik
Problém s layoutem - float — založil axf
Problém s css — založil lukas775
Problém s CSS — založil Kari
Problém v css — založil Paja2
Moderátoři diskuze