Hello fellows,
i would like to center a 800px wide 600px high content area
without using frames. I have "come up" with the following
solution so far. It works under IE 6.0, Firefox 1 (under Windows
and Linux) but not under Konqueror (could not test Safari, but
they have the rendering engine in common (see www.kde.org)):
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN" >
<HTML>
<HEAD>
<title>noFram e</title>
<LINK href="../styles/style.css" type=text/css
rel=stylesheet >
</HEAD>
<body >
<form id=Form1 method=post runat="server">
<table width="100%" height="100%" border="1">
<tr>
<td width="*" height="*">&nbs p;</td>
<td width="800" height="*">&nbs p;</td>
<td width="*">  ;</td>
</tr>
<tr>
<td width="*">  ;</td>
<td width="800">
<table id="contentTabl e" width="800"
bgColor="#fffff f" border="1">
<tr id="navRow">
<td colspan="2"><uc 1:navigation
id=Navigation1 runat="server"> </uc1:navigation> </td>
</tr>
<tr id="contentRow" >
<td valign="bottom"
height="380"><u c1:lcontent id=Lcontent1 runat="server">
</uc1:lcontent></td>
<td valign="bottom" >
<uc1:rcontent id=Rcontent1 runat="server">
</uc1:rcontent></td>
</tr>
<tr id="footerRow" >
<td colspan="2" id="footerCell" >
<img width=1 src="../1px.gif"></td>
</tr>
</table>
</td>
<td width="*">  ;</td>
</tr>
<tr>
<td width="*" height="*">&nbs p;</td>
<td height="*">&nbs p;</td>
<td width="*">  ;</td>
</tr>
</table>
</form>
</body>
</HTML>
</pre>
As mentioned the above already works under IE 6, Firfox 1.0. But
i really need it under Mac OS X Safari.
I am open for any solution that is less deprecated and works
under IE 5.0, 5.5 6.0 and Firefox and Safari.
Here is the css code:
body, div, table, td, select, input,textarea { color: #
221b5e; font-size: 10px; font-family: Arial, Helvetica,
sans-serif }
body {
background-color: #FFFFFF;
margin: 0 0;
padding: 0px;
}
/* body { background: white url(../hintergrund.jpg ) no-
repeat fixed } */
/* #contentTable td { vertical-align: top; } */
td {margin: 0; padding: 0}
#topRow { height: 10px;}
#navRow { height: 40px; vertical-align: top; margin: 0;
padding: 0}
#firstNav img { border: none;}
#lcontent{ width: 150px; vertical-align: bottom;}
#rcontent{ width: 450px; /* vertical-align: bottom; */}
#footerRow{}
#footerCell
{ height: 45px;
background-image: url(../img/footer.gif);
background-repeat: no-repeat;
vertical-align: text-top;
}
.nav1px{ border: none; height: 19px; width: 30px;}
.nav200px{ border: none; height: 19px; width: 205px;}
.nav2px{ border: none; height: 19px; width: 10px;}
.navImg{ border: none; height: 19px; width: 46px; }
.topBlank { border: none; height: 1px; width: 1px;}
Thanks i lot.
Regards
----------------------------------------------
Posted with NewsLeecher v2.1 Beta 2
* Binary Usenet Leeching Made Easy
* http://www.newsleecher.com/?usenet
----------------------------------------------