nicht angemeldet
Hallo,
mir gelingen die einfachsten Sachen nicht: Im IE7 zeigt das nachfolgende Beispiel vier Kästen an.
+---------------++---------------++------------+
! !! rot !! grün !
! gelb !+---------------++------------+
! !
! !
! !
! !
+---------------+
+------+
! blau !
+------+
Ich möchte aber erreichen, dass es so aussieht und zwar OHNE Verwendung von position:absolute.
+---------------++---------------++------------+
! !! rot !! grün !
! gelb !+---------------++------------+
! !+------+
! !! blau !
! !+------+
! !
+---------------+
Das muss doch möglich sein. Sorry, dass ich sowas primitives frage, aber ich finde einfach keine vernünftige Lösung.
Im FF2 zeigt der Code übrigens nur den blauen Kasten an. :-(
<html>
<head>
<style type="text/css">
<!--
#gelb {
padding:0px;
margin:0px;
border:0;
height:150px;
width:150px;
background-color:#FFFF00;
}
#rot {
border:0px;
margin:0px;
padding:0px;
height:30px;
width:300px;
vertical-align:top;
background-color:#FF0000;
}
#gruen {
padding:0px;
margin:0px;
border:0px;
height:30px;
width:200px;
vertical-align:top;
background-color:#00FF00;
}
#blau {
padding:0px;
margin:0px;
border:0px;
height:30px;
width:80px;
vertical-align:top;
background-color:#0000FF;
}
-->
</style>
</head>
<body>
<span id="gelb"></span>
<span>
<span id="rot"></span>
<span id="gruen"></span>
<div id="blau"></div>
</span>
</body>
</html>