nicht angemeldet
Hallo,
ich benutze verschachtelte Blöcke und habe dummerweise nicht von Anfang an zentral den Style der Blöcke definiert. Nun werden Tabellen in Mozilla und Opera nur so groß, wie der Inhalt groß ist. Die Breite lässt sich nicht anders festlegen. (Der Bug geht sogar so weit, dass innerhalb einer Tabelle die Spaltenbreite variiert :). Dann habe ich doch zu jedem Block zentral einen Style festgelegt, der widht und heights enthält (jedoch mit den Werten Null). Damit funktioniert es dann bis auf eine Stelle. (in der Linken Navigation ist es bei der Schrift immernoch so, nicht jedoch beim Hintergrund !) Das Problem m uss jedoch Grundlegend gelöst werden. Wo ist der Fehler, ich finde ihn nicht ?
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html">
<meta name="Author" content="Vincent Peikert">
<TITLE>Swiss Wafers AG</TITLE>
<link rel="stylesheet" type="text/css" href="./globalstyles.css">
<script language="JavaScript">
<!--
Wtag = "MoTuWeThFrSaSu";
function datum()
{
var ndatum = new Date(),ntag = "",wert ="I";
Wtag = "MoTuWeThFrSaSu";
if (ndatum.getDay() == "0")
{Wtag="So. ";}else{Wtag=Wtag.slice((ndatum.getDay()*2-2),(ndatum.getDay()*2))+". ";}
ntag = ndatum.getDate();
if (ntag < 10){ Wtag=Wtag + "0"+ntag;}else{ Wtag=Wtag + ntag;}
ntag = ndatum.getMonth()+1;
if (ntag < 10){ Wtag=Wtag+"." + "0"+ntag;}else{ Wtag=Wtag+"." + ntag;}
ntag = ndatum.getYear();ntag = ntag.toString();
if (ntag.length ==4){ntag= ntag.slice(2,4)}else
if (ntag.length ==3){ntag= ntag.slice(1,3)}
Wtag = Wtag + "." + ntag.toString();
document.write("<TD height=0 width=0 bgcolor=#CC0033 class=standard align=center><font color=white><center><strong>"+Wtag+"</strong></center></font></TD> ");
}
//-->
</script>
</HEAD>
<body bgcolor="#FFFFFF" LINK="#4682B4" VLINK="#4682B4" ALINK="#4682B4" TOPMARGIN="15" LEFTMARGIN="10" MARGINWIDTH="10" MARGINHEIGHT="11">
<STYLE type="text/css"><!--
#allthehead { position: absolute; z-index: 3; top: 0px; left: 0px; width: 0; height: 0; }
#holebody { position: absolute; z-index: 3; top: 0px; left: 0px; width: 0; height: 0; }
#alltheleftnavy { position: absolute; z-index: 3; top: 0px; left: 0px; width: 0; height: 0; }
#leftNavigation { position: absolute; z-index: 3; top: 0px; left: 0px; width: 0; height: 0; }
#leftnavigation { position: absolute; z-index: 3; top: 0px; left: 0px; width: 0; height: 0; }
-->
</style>
<div id="allthehead" style="position:absolute; top:5px; left:5px;" >
<!-- Logoline -->
<div id="logoline" style="position:absolute; top:5px; left:5px;">
<table width="625" height="71" cellspacing="1" cellpadding="0" border="0">
<tr>
<td width="" height="90" BGCOLOR="#FFFFFF"><a href="index.php?mainnav=home"><img src="pictures/SwissWafersLogo.gif" border="0" height="93"></a></td>
</tr>
</table>
</div>
<!-- End Logoline -->
<!-- Mainnav -->
<div id="mainnav" style="position:absolute; top:115px; left:188px;">
<table width="625" height="" cellspacing="1" cellpadding="0" border="0"><tr>
<td onmouseover="this.bgColor='#E5E5E5';" onmouseout="this.bgColor='#CC0033';" width="" height="" bgColor='#CC0033' align=center><a href="index.php?mainnav=home" target="_top" class="navi"> home </font></a></td>
<td onmouseover="this.bgColor='#E5E5E5';" onmouseout="this.bgColor='#CC0033';" width="" height="" bgColor='#CC0033' align=center><a href="index.php?mainnav=products" target="_top" class="navi"> products </font></a></td>
<td onmouseover="this.bgColor='#E5E5E5';" onmouseout="this.bgColor='#CC0033';" width="" height="" bgColor='#CC0033' align=center><a href="index.php?mainnav=cuttingservice" target="_top" class="navi"> cutting service </font></a></td>
<td onmouseover="this.bgColor='#E5E5E5';" onmouseout="this.bgColor='#CC0033';" width="" height="" bgColor='#CC0033' align=center><a href="index.php?mainnav=customers" target="_top" class="navi"> customers </font></a></td>
<td onmouseover="this.bgColor='#E5E5E5';" onmouseout="this.bgColor='#CC0033';" width="" height="" bgColor='#CC0033' align=center><a href="index.php?mainnav=news" target="_top" class="navi"> news </font></a></td>
<td onmouseover="this.bgColor='#E5E5E5';" onmouseout="this.bgColor='#CC0033';" width="" height="" bgColor='#CC0033' align=center><a href="index.php?mainnav=jobs" target="_top" class="navi"> jobs </font></a></td>
<td onmouseover="this.bgColor='#E5E5E5';" onmouseout="this.bgColor='#CC0033';" width="" height="" bgColor='#CC0033' align=center><a href="index.php?mainnav=contact" target="_top" class="navi"> contact </font></a></td>
<td bgColor='#E5E5E5' align=center><a target="_top" class="naviwo"> archive </font></a></td>
<script language="JavaScript" type="text/javascript">datum()</script>
</td></tr></table>
</div>
<!-- End Mainnav -->
</table>
</div>
<!-- end all the head -->
<!-- all the body -->
<div id="holebody" style="position:absolute; top:0px; left:10px;">
<!-- left-Navigation -->
<div id="alltheleftnavy" style="position:absolute; top:15px; left:0px;">
<div id="leftnavigationback" style="position:absolute; top:120px; left:0px;">
<TABLE BORDER="0" cellspacing="0" CELLPADDING="0" height="500" width="160" topmargin="15" leftmargin="10" marginwidth="10" marginheight="15">
<TR>
<TD width="160" valign="top" align="right" bgcolor="#E5E5E5" class="tdmenuleft">
<td>
</tr>
</table>
</div>
<div id="leftnavigation" style="position:absolute; top:200px; left:0px;">
<table CELLSPACING="0" CELLPADDING="0" border="0">
<tr><td align="right" height="10" width="155" style="padding-right:5px;" class="navVerticalActiveBackground"><a href="index.php?mainnav=archive&archivenav=" class="navVerticalActiveCaption"><b>history </b></a></td></tr>
<tr>
<td align="right" height="10">
<br>
</td>
</tr>
</table>
</div>
</div>
<!-- End left-Navigation -->
<!-- the real content of the site -->
<div id="therealcontent" style="position:absolute; top:140px; left:220px;">
<TABLE align="center" BORDER="0" cellspacing="0" CELLPADDING="0" height="500" width="500" topmargin="15" leftmargin="10" marginwidth="10" marginheight="15">
<TR>
</TD>
<TD width="406" valign="top" class="standard"> <BR>
<p class="Subheader"><b>history</b>
<p>
<table cellspacing="0" cellpaddding="0" border="0" width="500">
<tr>
<td>
Dummytext
<td>
</tr>
<tr>
<td class="standard" align="right">
<A href="javascript:window.scroll(1,1)" class="standard">top</A>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!-- end the real content of the site -->
</TABLE>
</div>
<!-- end all the body -->
</body>
</HTML>