PDA

Click to See Complete Forum and Search --> : tables not resizing on page load??

madmax
05-27-2004, 08:42 PM
hey guys i was wondering if you could help me out before i got nuts

ok i have designed a site on the "fluid design" basis, using the tables method, all works fine i can go into any res and it resizes great..

problem is i load the page (any res) and it loads fine but if i click a link to another page on the site i get this 1/4 inch border down the right hand side and across the bottom, if i refresh the page it loads up fine again but as soon as i try to load a page through a link i get this problem..

This even happens if im looking at the home page and i click the "home" link hence loading the page through the link again, but if i refresh it just reloads as normal!!...

basicly im only getting this if i load a page through a link, the body of the site isnt using the full width and height of the browser, i have checked all my margin values and table widths but all is fine there...

plus this only happens in IE!!! netscape and monzila are fine??

any ideas guys??

tnx
IncaWarrior
05-27-2004, 08:49 PM
netscape and mozilla are basically the same, you should try in opera too
madmax
05-27-2004, 09:06 PM
sorry forgot to mention that one, yea looks fine in all browsers except IE i just cannot work this out at all :(
IncaWarrior
05-27-2004, 09:26 PM
sounds like it's leaving room for a scroll bar, can you give a link?
madmax
05-27-2004, 09:30 PM
unfortunatly no my server is down right now untill tommorow im told so i have no way of getting it up ATM i can paste the code i gues but dono if u can take anything from that?#
madmax
05-27-2004, 09:42 PM
well here is anyways :D

=-=-=-=-=-=-=

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Home</title>

<style type="text/css">
<!..

body { background-color: #FFFFFF; font-family: arial, helvetica, sans-serif; color: #000000 }
a:link { font weight: 15; color: #F5F5DC; text-decoration: none }
a:visited { font weight: 15; color: #F5F5DC; text-decoration: none }
a:hover { font weight: 15; color: #F5F5DC; text-decoration: underline }
a:active { font weight: 15; color: #F5F5DC; text-decoration: none }
..>
</style>
</HEAD>

<BODY leftMargin="0" topMargin="0" Margin="0" marginheight="0" marginwidth="0">

<!..HEADER..>
<TABLE width="100%" background="banbak.jpg" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<tr>
<td><img src="logo.gif" width="125" height="121"></td>
<td width="100%" align="left"><img src="header.jpg"></td>
</tr>
</tbody>
</table>
</div>

<!..MENU BAR..>

<table width="100%" cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td width="225" bgcolor="#336666"><img src="spacer.gif" width="225" height="1"></td>
<td width="100%">
<table width="100%" bgcolor="#336666" cellspacing=0 cellpadding=0 border=0>
<tr>
<td width="12%" align="center"><a href="index.html">Home</a></td>
<td width="12%" align="center"><a href="info.html">About</a></td>
<td width="12%" align="center"><a href="join.html">Join us</a></td>
<td width="12%" align="center"><a href="roster.html">Roster</a></td>
<td width="12%" align="center"><a href="forum.html">Forum</a></td>
<td width="12%" align="center"><a href="members.html">Members</a></td>
<td width="12%" align="center"><a href="hist.html">History</a></td>
<td width="12%" align="center"><a href="contact.html">Contact</a></td>
</tr>
</table>
</td>
</tr>
</table>
</tbody>
</div>

<!..curve/fade..>
<table width="100%" cellspacing=0 cellpadding=0 border=2>
<tbody>
<tr>
<td width="185" bgcolor="#336666"><img src="spacer.gif" width="185" height="1"></td>
<td><img src="curve.gif" width="40" height="35"></td>
<td width="100%">
<table width="100%" background="fade.gif" cellspacing=0 cellpadding=0 border=2>
<tr>
<td width="100%"><img src="spacer.gif" width="100%" height="35"></td></td>
</tr>
</table>

<tr>
<td width="185" bgcolor="#336666">
<!..2nd nav..><table width="185" cellspacing=0 cellpadding=0 border=0>
<td width="185"><img src="elite.gif"></td><tr>
<td width="185"><img src="topbox.gif"></td>
<tr>
<td width="185" align="center" background="midbox.gif">
<table width="140" cellspacing=0 cellpadding=0 border=0>
<td width="140" align="center"><b>LINKS</b></td>
<tr>
<td width="140" align="center"><img src="spacer.gif" width="145" height="15"></td>
<tr>
<!..LINKS!!!..>
<td width="140"><a href="http://www.il2sturmovik.com/">IL2 Website</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.il2sturmovik.com/">Hyper-Lobby</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://magnum-pc.netfirms.com/mudmovers/index.htm">Mudmovers</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.il2skins.com/">IL2 Skins</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.il2center.com/">IL2 Center</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://fbow.de/">FBOW</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://66.114.65.249/vov/site/main.htm">VEF-2</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.vow-hq.com/index.php?page=pilot&action=list&sort=pilot_name_ruf&order=ASC&start=2200">VOW</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.forgottenskies.com/ForgottenWars/default.aspx">Forgotten Skies</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.il2airracing.com/">IL2 Air Racing</a></td><tr>
<!..SQUADRON LINKS..>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140" align="center"><b>SQUADRONS</b></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="15"></td><tr>
<td width="140"><a href="http://www.baseclass.modulweb.dk/69giap/home.0.html">69th GIAP</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.simops.com/249th/">249th IAP</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="7"></td><tr>
<td width="140"><a href="http://www.jg51.net/">JG51</a></td><tr>
<td width="140" align="center"><img src="spacer.gif" width="1" height="15"></td></table><tr>
<td width="185"><img src="botbox.gif"></td><tr>
<td width="185" bgcolor="#336765"><img src="spacer.gif" width="10" height="50"></td><tr>
<td width="185"><img src="3nat.gif"></td><tr>
<td width="185" bgcolor="#336765"><img src="spacer.gif" width="10" height="80">
</td>
</tr>
</tbody>
</table>

<!..text header..>
<td width="100%" valign="top" colspan="2">
<table width="100%" align="center" cellspacing=0 cellpadding=0 border=0>
<td><img src="spacer.gif" width="100%" height="15"></td><tr>
<td align="center"><img src="welcome.gif"></td><tr>
<td><img src="spacer.gif" width="100%" height="15">
</td>
</tr>
</td>
</table>

<!..txt table..>
<table width="80%" background="txtbg.gif" align="center" cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td width="1%"><img src="tl.gif"></td>
<td width="100%"><img src="spacer.gif"></td>
<td width="1%"><img src="tr.gif"></td><tr>
<td width="1%"><img src="spacer.gif"></td>
<td width="100%">
<table width="100%" cellspacing=0 cellpadding=0 border=0>
<td>
<!..MAIN TEXT AREA..>
<center><h3><u><B>SQUADRON NEWS</U></B></H3></center><br>
<h3><b><u>=Elite= Reformation</u></b></h3>
<p>main text body</P></td>
<tr>
<table width="100%" cellspacing=0 cellpadding=0 border=0>
<td>
<img src="spacer.gif" width="100%" height="15"></td><tr>
<td width="100%"align="right"><img src="sig.gif"></td></table>

<td width="1%"><img src="spacer.gif"></td><tr>
<td width="1%"><img src="bl.gif"></td>
<td width="100%"><img src="spacer.gif"></td>
<td width="1%"><img src="br.gif"></td>
</td>
</tr>
</tbody>
</table>

<!..bottom spacer..>

<table width="80%" align="center" cellspacing=0 cellpadding=0 border=0>
<tr>
<td width="100%"><img src="spacer.gif" width="100%" height="35"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>

=-=-=-=-=

needs tidying up i know but what ya recon? (besides scrap it lol)
IncaWarrior
05-27-2004, 10:37 PM
wow that's a lot of tables..
you need to go through and clean up that table code or even better would be to get rid of it. The opening and closing tags don't all match up even

strange commenting too

<BODY leftMargin="0" topMargin="0" Margin="0" marginheight="0" marginwidth="0"> should be <body>
and just put margin:0px; in the style sheet