Clear: left és padding
Hellósztok az alábbi problémára keresek megoldást:
Ha megnézitek Firefoxban akkor láthatjátok hogy a "belso2" div a "belso1" alatt van. Viszont IE6ban egy jó nagy üres rész van a kettő között. Arra már rájötttem, hogy ha a clear: left;-et kiveszem akkor jó, meg igazából anélkül is meg lehetne oldani (jelen esetben, de nem mindig) de azért jó lenne tudni hogy erre a problémára létezik-e vmi IE hekk.
■ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div.kulso
{
width: 500px;
height: 300px;
background-color:#6666FF;
padding-top: 100px;
}
div.belso1
{
padding-left: 200px;
background-color: red;
overflow:auto
}
div.belso-divek
{
background-color:#003399;
float:left;
}
div.belso2
{
clear:left;
width: 60px;
background-color:#660000;
}
</style>
</head>
<body>
<div class="kulso">
<div class="belso1">
<div class="belso-divek">sss</div>
<div class="belso-divek">sss</div>
<div class="belso-divek">sss</div>
</div>
<div class="belso2">yssdsadf</div>
</div>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div.kulso
{
width: 500px;
height: 300px;
background-color:#6666FF;
padding-top: 100px;
}
div.belso1
{
padding-left: 200px;
background-color: red;
overflow:auto
}
div.belso-divek
{
background-color:#003399;
float:left;
}
div.belso2
{
clear:left;
width: 60px;
background-color:#660000;
}
</style>
</head>
<body>
<div class="kulso">
<div class="belso1">
<div class="belso-divek">sss</div>
<div class="belso-divek">sss</div>
<div class="belso-divek">sss</div>
</div>
<div class="belso2">yssdsadf</div>
</div>
</body>
</html>
Ha megnézitek Firefoxban akkor láthatjátok hogy a "belso2" div a "belso1" alatt van. Viszont IE6ban egy jó nagy üres rész van a kettő között. Arra már rájötttem, hogy ha a clear: left;-et kiveszem akkor jó, meg igazából anélkül is meg lehetne oldani (jelen esetben, de nem mindig) de azért jó lenne tudni hogy erre a problémára létezik-e vmi IE hekk.
width