Autor Zpráva
Jay Jay
Profil
<html>
<head>
<style>
#pozice{width:880px;background-color:yellow;}
#horni{background:url("red.jpg") no-repeat;height:150px;}
#levy{float:left;background:green;width:170px;}
#pravy{float:right;background:brown;width:660px;}
</style>
</head>
<body>
<div id="pozice">
<div id="horni"></div>
<div id="levy">
<br /><br />
</div><!--levy-->
<div id="pravy">
<br /><br /><br />
</div><!--pravy-->
</div><!--pozice-->
</body>
</html>

V IE6 a Opeře 8.5 "pozice" pokryje pozadí přesně jak čekám barvou pozadí až po konec "pravý", ale ve FF1.5 nikoli...
Jay Jay
Profil
a s doctype se mi to zobrazuje v opeře stejně jinak jako ve FF... chyba bude někdě mezi klávesnicí a židlí... ale stejně nevím čím to je :)
..Johny..
Profil *
Řek bych, že o nebude kůli tomu floatu. Co ty zkusit třeba takhle:

<html> 

<head>

<style>
#cely {position: relative; width: 880px; text-align: left; margin: auto;}
#horni {position: absolute; height: 150px; width: 100%; left: 0px; top: 0px; background-color: blue}
#levy {position: absolute; width: 170px; left: 0px; top: 150px; background-color: green}
#pravy {position: absolute; width: 660px; left: 220px; top: 150px; background-color: black}
</style>

</head>
<body style="text-align: center; background-color: yellow;">
<div id="cely">
<div id="horni"></div>
<div id="levy"><br><br><br><br><br><br><br><br><br></div>
<div id="pravy"><br><br><br><br><br><br><br></div>
</div>
</body>
</html>
..Johny..
Profil *
*nepude, né nebude
stribny
Profil
Stačí to pouze vyclearovat nějakým prvkem:


clear: both;
Jay Jay
Profil
stribny: jop thx, ale čistě teoreticky.. proč to nejde ani v mém příkladu bez clear.. ten div to tam jasně uknčuje, tak by se to snad mělo vyplnit až po ten konec divu :) (zase kecám blbosti :D )
Toto téma je uzamčeno. Odpověď nelze zaslat.

0