hi,
Warum setzt er im IE den Border und Bereich richtig aber im FIREFOX nicht
.
Also im IE setzt er den border richtig um den float left und float right bereich aber im Firefox nicht.
Warum setzt er im IE den Border und Bereich richtig aber im FIREFOX nicht
.Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {width:50em;}
.complete {
position: relative;
border: 1px solid black;
top: 7px;
bottom: 7px;
height: 100%;
clear: both;
}
.floatleft {
float:left;
width:20em;
background-color:red;
display: inline;
}
.floatright {
float:right;
width:20em;
background-color:yellow;
display: inline;
}
.clear {
clear:both;
background-color:lime;
}
</style>
</head>
<body>
Das Beispiel ist in seiner Breite durch width:50em; beschränkt.
Dies hat rein optische Gründe und hat nichts mit dem Thema float zutun.
Es bewirkt lediglich das dass Beispiel in einem gewissen Rahmen bleibt.
</p>
<div class="complete">
<div class="floatleft">
Dieser Absatz "fließt" mittels float nach
links oben. Damit man selbiges sieht, ist die Breite des Absatz geändert.
</div>
<div class="floatright">
Dieser Absatz "fließt" ebenfalls mittels float. Jedoch nach rechts oben.
Damit man selbiges sieht, ist auch hier die Breite des Absatz geändert.
</div>
</div>
<div class="complete">
<div class="clear">
Dieser Absatz beendet den Bereich in dem gefloatet wird.
Dies geschieht mittels clear.
</div>
</div>
</body>
</html>
...
Kommentar