nicht angemeldet
...besuch mal das Forum http://www.aspforum.de/ und schau dir dort meine Hilfe zu Problemen anderer an...
da gibt's auch ab und zu ne Lösung die nicht heisst:"schau im Kochbuch Seite 215 nach"
;-)
Ich habe es auch soweit geschafft (dank eurer Hilfe), dass die Box jetzt richtig aaussieht... nur stört mich das
* html .boxmain { height:100%; }
Weil dies wieder ein getrickse ist um zwischen IE und Mozilla einen gemeinsamen nenner zu finden...
...sollte Mozilla in der nächsten Version dies neu interpretieren, muss es wieder gefixt werden...
Ich werd jetzt halt wie im Code unten die Version mit den Tabellen verwenden... und wenn der IE und Mozilla sich mal auf ner gemeinsamen Ebene treffen (so in ca 10 Jahren) werd ich dann vielleicht den Code nur in CSS erstellen ;-)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html lang="de-CH">
<head>
<style type="text/css">
* html .boxmain { height:100%; }
.boxcontainer{
width:400px;
border:1px solid #03f; border-color:#06c #039 #039 #06c;
background-color:#9cf;
padding:0; margin:0;
}
.boxheader{
padding:0 2px; margin:2px;
border:1px solid #06c; border-color:#6cf #039 #039 #6cf;
background-color:#06c; color:#fff;
font-weight:bold;
}
.boxmain{
padding:0 2px; margin:2px;
border:1px solid #999; border-color:#039 #fff #fff #039;
background-color:#eee;
}
.boxfooter{
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;
display:inline;
float: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
<br style="clear: both;" />
</div>
<div class="boxfooter">Der Footer</div>
</div>
</body>