Hey leute,
auf meiner Page wird ein CSS Rahmen nicht richtig in Firefox angezeigt bzw. GARNICHT! Im IE wird alles top angezeigt....
....weiß nicht mehr weiter. vielleicht weiß ja einer Rat.
hier die css datei:
body {background: #655858;}
a:link { color:#808080; text-decoration:none }
a:visited { color:#808080; font-style: italic; text-decoration:none }
a:active { color:#CC0066; text-decoration:none }
a:hover { color:#CC0066; text-decoration:none }
.TEXT {
font-size : 10pt;
font-family : arial;
text-align: left;
color : #FFFFFF;
padding: 3px
}
.TD {
border-right-color: #FFFFFF;
border-right-width: 1px;
border-right-style:solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-left-style:solid;
background-color: #827171;
padding: 3px;
}
}
.TABLE {
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style:solid;
border-right-color: #FFFFFF;
border-right-width: 1px;
border-right-style:solid;
border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style:solid;
background-color: #827171;
width: 800px;
height:300px;
position:absolute;
left:50%;
margin-left:-380px;
top:50%;
margin-top:-250px;
}
und hier die index.html:
<html>
<head>
<title>index</title>
<link rel="stylesheet" href="style/pagestyle.css" type="text/css">
</head>
<body>
<table cellspacing="0" cellpadding="0" align="center" class="TABLE">
<tr>
<td class="TD"> <a target="main" href="biografie.html"><img src="bilder/biografie.gif" width="27" height="54" border="" alt="biografie"></a></td>
<td rowspan="100"> <iframe scrolling="no" frameborder="no" src="start.html" width="760" height="350" name="main"> </iframe></td>
</tr>
<tr>
<td class="TD"><a target="main" href="kontakt.html"><img src="bilder/kontakt.gif" width="27" height="54" border="0" alt="kontakt"></a></td>
</tr>
<tr>
<td class="TD"><a target="main" href="dates.html"><img src="bilder/dates.gif" width="27" height="54" border="0" alt="dates"></a></td>
</tr>
<tr>
<td class="TD"><a target="main" href="pics.html"><img src="bilder/pics.gif" width="27" height="54" border="0" alt="pics"></a></td>
</tr>
</table>
</body>
</html>