Ich bin gerade dabei meine Website neu zu designen und brauche so etwas wie einen Frame für meinen Content. Nun möchte ich das aber weder mit Frames noch mit einem iFrame sondern nur auf CSS-Basis machen. Im IE 6.0 sieht das auch wunderbar aus (IE 5.5 meines Wissens auch) aber IE 5.0 und Mozilla Firebird wollen nicht so recht.
Korrekt sieht es so aus (bzw. soll es im Endergebnis so aussehen):
http://www.goebelmeier.de/korrekt.jpg
Mozilla Firebird macht daraus:
http://www.goebelmeier.de/kaputt.jpg
Der Code ist folgender:
CSS-File (gekürzt)
------------------
div.content {
vertical-align:top;
position:absolute;
width:485px;
height:344px;
z-index:1;
clip:rect(0px, 485px, 350px, 0px);
overflow:auto;
visibility: visible;
scrollbar-darkshadow-color: #DFDFDF;
scrollbar-highlight-color: #DFDFDF;
scrollbar-arrow-color: #000000;
scrollbar-shadow-color: #DFDFDF;
scrollbar-base-color: #D0D7D6;
}
HTML-File (gekürzt)
-------------------
<html>
<head>
</head>
<body>
<table width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(img/index_08.jpg);" class="content" width="485" height="350" colspan="5">
<div class="content">
<!-- Hier steht dann mein Content -->
</div>
</td>
</tr>
</table>
</body>
</html>