nicht angemeldet
...mit Tabellen gehts..
jetzt müsste mir nur einer erklären warum das in CSS nicht möglich ist!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<style type="text/css">
.boxcontainer{
width:400px;
border:1px solid #03f; border-color:#06c #039 #039 #06c;
background-color:#9cf;
padding:0; margin:0;
}
.boxheader{
display:block;
clear:both;
width:auto;
padding:0 2px; margin:2px;
border:1px solid #06c; border-color:#6cf #039 #039 #6cf;
background-color:#06c; color:#fff;
font-weight:bold;
}
.boxmain{
display:block;
float:none;
clear:both;
padding:0 2px; margin:2px;
border:1px solid #999; border-color:#039 #fff #fff #039;
background-color:#eee;
}
.boxfooter{
display:block;
width:auto;
clear:both;
border:1px solid #06c; border-color:#6cf #039 #039 #6cf;
background-color:#06c; color:#fff;
font-weight:bold;
margin:2px; padding:2px;
}
.boxmain img{
height:100px; width:100px;
float:left; clear:left;
}
</style>
</head>
<body>
<table class="boxcontainer">
<tr><th class="boxheader">Der Titel</th></tr>
<tr><td class="boxmain">
Hauptbox<br />
<img src="/images/test.gif" />
Text...blabla
</td></tr>
<tr><td class="boxfooter">Der Footer</td></tr>
</table>
<div class="boxcontainer">
<div class="boxheader"><h4>Der Titel</h4></div>
<div class="boxmain">
Hauptbox<br />
<img src="/images/test.gif" />
Text...blabla
</div>
<div class="boxfooter">Der Footer</div>
</div>
</body>