nicht angemeldet
Hallo Hannes
ich habe selber immer noch nicht für mich den richtigen workaround gefunden was das "clearen" angeht. ;-(
Das hier verbessert aber erstmal die Darstellung ...
<!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="de" lang="de">
<HEAD>
<TITLE>ebene-template</TITLE>
<style type="text/css">
div#a1 {
float:left;
width:20px;height:20px;
background-color:#000;
border:1px solid black;
color:yellow;
}
div#b2 {
float:left;
width:20px;height:20px;
background-color:#444;
border:1px solid black;
color:yellow;
}
div#c3 {
float:left;
width:20px;height:20px;
background-color:#555;
border:1px solid black;
color:yellow;
}
div#d4 {
float:left;
width:20px;height:20px;
background-color:#777;
border:1px solid black;
color:yellow;
}
div#e5 {
float:left;
width:20px;height:20px;
background-color:#999;
border:1px solid black;
color:yellow;
}
div#f6 {
float:left;
width:20px;height:20px;
background-color:#aaa;
border:1px solid black;
color:yellow;
}
div#g7 {
float:left;
width:20px;height:20px;
background-color:#ccc;
border:1px solid black;
color:yellow;
}
div#h8 {
float:left;
width:20px;height:20px;
background-color:#eee;
border:1px solid black;
color:yellow;
}
div#i9 {
float:left;
width:20px;height:20px;
background-color:#fff;
border:1px solid black;
color:yellow;
}
</style>
</HEAD>
<BODY>
<div id="a1">1</div>
<div id="b2">2</div>
<div id="c3">3x</div>
<br style="clear: both;">
<div id="d4">4x</div>
<div id="e5">5x</div>
<div id="f6">6x</div>
<br style="clear: both;">
<div id="g7">7x</div>
<div id="h8">8x</div>
<div id="i9">9x</div>
</BODY>
</html>
Sorry,
Bernd
Wobei man natürlich jetzt auf das inline Style verzichten könnte etc.
Auge