Falsche Darstellung in Mozilla
Chris
- browser
0 Bud
Hallo,
also ich hab hier ne seite die ich vor ca. 3 Jahren erstellt hab, und hab seither nur kleinigkeiten aktualisiert. wie mir nun klar geworden ist, hab ich in den 3 Jahren einiges verlernt!!!
Mein Problem:
ich hab damals den oberen und linken rand fixiert, und nur der dunkel blaue bereich ist variabel. nun hat sich gezeigt, dass in mozilla die oberen daten in der tabelle nicht angezeigt werden. ist wohl ein problem das sich eingeschlichen hat, da ich beim erstellen alles mit dem IE kontrolliert habe, und da kein problem war.
ich komm jetzt aber nicht drauf, woran es liegt. ich vermute es iegt in der definition mit den margin oder border oder so. DAamals hat mir ein prof meiner uni einige tipps und hilfeleistung gegeben.
hoffe nun könnt ihr mir helfen.
danke schonmal!!!
Chris
Hier der code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body {
margin:0px 0px 0px 0px;
height:100%;
padding:0px;
background:#000066;
}
#header {
width:100%;
height:100px;
position:fixed;
top:0px;
margin-left:opx;
margin-top:0px;
text-align:left;
vertical-align:middle;
text-indent:180px;
background:#a3badc;
}
#fix {
width:150px;
height:100%;
margin:0px;
padding:20px;
position:fixed;top:100px;left:0px;
background-color:#a3badc;
text-align:left;}
#fix a {
padding:5px;
font:bold 15px verdana, sans-serif;
color:#000066;
background:#a3badc;
margin:0px;
text-decoration:none;}
#fix p {padding:10px;margin:0px;}
#box div {
padding:20px 80px 20px 80px;
margin:0px;
left-margin:0px;
position:static;
height:100%;
background:#000066;}
-->
</style>
<!--[if gte ie 5]>
<style type="text/css">
body {overflow-y:hidden;}
#box {
overflow:auto;
width:100%;
height:100%}
#fix {
z-index:1;
position:absolute;
padding:0;margin:0;}
</style>
<![endif]-->
</head>
<body>
<div id="header">
<p align="center"><font size="+4">Überschrift</font></p>
</div>
<div id="fix">
<p><a href="../index.htm">Home</a></p>
<p><a href="../ueberuns.htm">Über uns</a></p>
<p><a href="../programm.htm">Programm</a></p>
<p><a href="../gallerie.htm">Gallerie</a></p>
<p><a href="../guesbook.htm">Gästebuch</a></p>
<p><a href="..links.htm">Links</a></p>
<p><a href="">Intern</a></p>
<p><a href="">e-mail</a></p>
<p><a ></a></p>
<p><a ></a></p>
<p><a ></a></p>
<p><a href="..impressum.htm" ><font size="1.5">[impressum]</font></a></p>
<p><a ><font size="1">© C.B 2005</font></a></p>
</div>
<div id="box">
<div style="margin-left:150px;">
<table width="90%" border="0" cellpadding="5">
<tr>
<td width="23%" align="left" valign="top"> </td>
<td width="77%"><p><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif">Das
ist glaub nicht zu lesen in mozilla</font></p>
</td>
</tr>
<tr>
<td align="left" valign="top"><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> Das
kann man eventuell lesen</font></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td><p> </p>
</td>
</tr>
<tr>
<td align="left" valign="top"><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> Das
kann man lesen</font></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td> <p> </p>
<p> </p></td>
</tr>
<tr>
<td align="left" valign="top"><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td><p> </p>
</td>
</tr>
<tr>
<td align="left" valign="top"><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td><p> </p>
</td>
</tr>
<tr>
<td align="left" valign="top"><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
<td><font color="#A3BADC" size="4" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td> </td>
</tr>
</table>
</div>
</div>
</body>
</html>
und ja, ich weiss das da einige andere fehler drin sind, ist aber nicht wichtig. hauptsache das mit der ansicht in mozilla geht wieder.
also nochmal danke
Hi.
ich vermute es iegt in der definition mit den margin oder border oder so.
Oder so. :-)
#box div {
padding:20px 80px 20px 80px;
margin:0px;
left-margin:0px;
position:static;
height:100%;
background:#000066;}
#box {background: #000066;
margin: 100px 0 0;
padding: 20px 80px;
position: static;
height: 100% }
Siehst du den Unterschied?
vg Bud