ugrás a tartalomhoz

Rejtélyes margin

C_hris · 2006. Szep. 13. (Sze), 19.40
Sziasztok!

Adott a következő egyszerű kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"/>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font : 12px Arial;
color: Black;
text-align: left;
width: 1000px;
}
.formpanel{
background-color: #F0F0F0;
margin: 10px;
padding: 10px;
color: Black;
}
.lftp{
font-weight: bold;
width: 150px;
float: left;
text-align: right;
padding-top: 2px;
margin: 5px 0 0 0;
background-color: #FFD0FF;
}
.rghp{
float: left;
text-align: left;
margin: 5px 0 0 5px;
width: 600px;
background-color: #CDF3CF;
}
.clear{
clear: both;
overflow: hidden;
height: 5px;
}
</style>

</head>

<body>
<div class="formpanel">


<div class="lftp">xyxy:</div>
<div class="rghp"><input type="text" name="xcx" value="" /></div>
<div class="clear"></div>

<div class="lftp">xyxyx:</div>
<div class="rghp"><input type="radio" name="df" value="1" /></div>
<div class="clear"></div>

<div class="lftp">xyxy:</div>
<div class="rghp">dfgdfg</div>
<div class="clear"></div>

<div class="lftp">xyxy:</div>
<div class="rghp"><input type="text" name="bvv" value="" /></div>
<div class="clear"></div>


</div>
</body>
</html>


Miért van az, hogy az <input type="text" ... elemek és csakis azok beljebb vannak explorer alatt, mintha lenne egy left-marginja, egyszerűen nem jövök rá.
‹ Uj ablak mgnyitasa linkre Diszkrét rollover vs. IE ›
 ■
1

Sikerült

C_hris · 2006. Szep. 13. (Sze), 20.40
Közben megvan a megoldás, bugos az IE mert örökli a szülő div marginját.
div-ek közé kell tenni az inputot

<div class="rghp"><div><input type="text" value="" /></div></div>