Hallo,
ich komme nicht auf den Fehler. Der IE stellt es so dar, wie es von mir gewünscht ist. Nur der FF nicht - allerdings weiß ich nicht warum. Könnte Ihr mal schauen? Die beiden Kästchen sollen innerhalb des großen blauen Kasten liegen. Im FF liegen Sie darunter. hier der Code:
HTML:
PHP-Code:
<!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">
<head>
<title>Testseite</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="aussen">
<h4>Testschrift</h4>
<div id="b1" class="float">
<div id="main20" class="main">
<div id="main30" class="main1"><img src="" /></div>
<div id="main0a0" class="leer"></div>
<div id="main0b0" class="unter">Test<br /></div>
</div>
</div>
<div id="b2" class="float">
<div id="main21" class="main">
<div id="main31" class="main1"><img src="" /></div>
<div id="main1a1" class="leer"></div>
<div id="main1b1" class="unter">Test1<br /></div>
</div>
</div>
</div>
</body>
</html>
CSS:
PHP-Code:
#aussen {width:679px;
border:1px solid #000;
padding-left:18px;
padding-top:18px;
background:#eef;
text-align:center;
}
.unter {
border:1px solid #000;
background:#eee;
font: 9px verdana, sans-serif;
padding:2px;
text-align:center;
}
.leer {
height:7px;
line-height:7px;
font-size:7px;
width:80px;
}
.main {
border:1px solid #000;
background:#feeebb;
padding:18px;
}
.main1 {
background:#ffeeec;
width:78px;
height:59px;
}
.float {
float:left;
padding-right:15px;
padding-bottom:15px;
}
Vielen Dank.
