I have received some feedback regarding a website I am currently working on (unfinished), saying there's a strange problem.<br />
<br />
What happens is when viewed on a pc (mac is fine). The first time the welcome page loads it is oversized and therefore makes a scrollbar appear and some of the page is hidden. However, when a link is clicked the new page is fine, and if you click to return to the welcome page again, the page has returned to the correct size. (not oversized at all).<br />
<br />
Has anyone ever heard of this problem before ? Or does anyone know why this is happening ? Any help will be great.<br />
<br />
Look at the welcome page (1st time oversized for you ?) (<!-- m --><a class="postlink" href="http://www.muggallery.com/welcome.html">http://www.muggallery.com/welcome.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->As you say, it works fine on my Mac. Normally, it's the other way around - works fine on a PC, does weird things on the Mac. Beats me why, though.<br />
<br />
The only thing I can see that *might* be affecting the page size is the columns on your tables. Some of them have 25 or more columns, but some have 36. And there's no new table to account for the differences. <br />
<br />
It could be that the PC browser is looking at the widest part of the table first, the 36 columns, setting those up and then readjusting itself when it realizes that it should only be the width of the screen.<br />
<br />
*g* <shrug> Don't ask me to explain it in technical terms. I don't understand it fully myself, but that could be part of the problem.<br />
<br />
Peg<!--content-->in your css change the margin and add padding<br />
<br />
body {<br />
margin:0;<br />
padding:0;<br />
background-image: url(welcomeimages/lines.gif);<br />
background-repeat: repeat;<br />
}<br />
<br />
try that and give your second table tag a width of 100%<!--content-->Thanks for the replies. I will try the recommended changes and see if that works.<br />
<br />
Thanks<br />
<br />
Toot<!--content-->I have tried the code above, but it still has a problem with the first page on opening. Then it returns to normal.<br />
<br />
Thanks anyway, but it has baffled me.<br />
<br />
Toot<!--content-->it migth have a lot to do with all those empty cells at the very bottom. jsut make 1 cell and colspan it. then you can edit these lines<br />
<br />
<tr> <br />
<td width="25%" height="40" rowspan="2" valign="top"> </td><br />
<td colspan="25" height="22" valign="top"> </td><br />
<td width="75%" height="40" rowspan="2" valign="top"> </td><br />
</tr><br />
<br />
as those will total more than 100%<!--content-->I have completely redone the website by hand. I worked out all the colspans rowspans etc on paper and typed them into a HTML editor. <br />
<br />
However, there is still the same problem of upon loading the 1st page it is oversized horizontally. I am really confused to why it is STILL not behaving itself.<br />
<br />
Here's my code which is 4.01 HTML transitional compliant but seems to only have a problem with PC's.<br />
<br />
Any ideas on why it still oversizes ? anyone ?<br />
<br />
code here in view source (<!-- m --><a class="postlink" href="http://www.muggallery.com/welcome.html">http://www.muggallery.com/welcome.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->loaded fine for me this time.<!--content-->are you using a mac or pc ?<br />
<br />
and what browser are you using ?<br />
<br />
Seems fine on mac but on my pc IE5.0 the top table seems to oversize.<br />
<br />
Thanks anyway<br />
<br />
Toot<!--content-->I am using pc, IE6.0 and this time it didn't oversize. it did before you made changes but not this time.<!--content-->Fine for me too. PC, IE 5.5.<!--content-->Thanks for all the replies. Really appreciate them.<br />
<br />
I have finally cracked it. The website should look fine on both mac and pc, and both 800x600 and 1024x768 resolutions too.<br />
<br />
I found in one row a percentage all alone that shouldn't have been there. Removed it and it works fine.<br />
<br />
<tr> <br />
<td colspan="5"><img src=http://www.htmlforums.com/archive/index.php/"transparent.gif" width="1" height="17" alt=""></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="87" alt="line"></td><br />
<td colspan="2" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"transparent.gif" width="127" height="87" alt=""></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="87" alt="line"></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/mugwelcome_22.gif" width="126" height="87" name="welcomelogo" alt="Welcome to mug gallery logo"></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="87" alt="line"></td><br />
</tr><td width="30%" valign="top" rowspan="11"><img src=http://www.htmlforums.com/archive/index.php/"transparent.gif" width="100%" height="1" alt=""></td><br />
<td valign="top" rowspan="10"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="244" alt="line"></td><br />
<br />
The page should look like this.<br />
<br />
<br />
<br />
Thanks<br />
<br />
Toot<!--content-->
<br />
What happens is when viewed on a pc (mac is fine). The first time the welcome page loads it is oversized and therefore makes a scrollbar appear and some of the page is hidden. However, when a link is clicked the new page is fine, and if you click to return to the welcome page again, the page has returned to the correct size. (not oversized at all).<br />
<br />
Has anyone ever heard of this problem before ? Or does anyone know why this is happening ? Any help will be great.<br />
<br />
Look at the welcome page (1st time oversized for you ?) (<!-- m --><a class="postlink" href="http://www.muggallery.com/welcome.html">http://www.muggallery.com/welcome.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->As you say, it works fine on my Mac. Normally, it's the other way around - works fine on a PC, does weird things on the Mac. Beats me why, though.<br />
<br />
The only thing I can see that *might* be affecting the page size is the columns on your tables. Some of them have 25 or more columns, but some have 36. And there's no new table to account for the differences. <br />
<br />
It could be that the PC browser is looking at the widest part of the table first, the 36 columns, setting those up and then readjusting itself when it realizes that it should only be the width of the screen.<br />
<br />
*g* <shrug> Don't ask me to explain it in technical terms. I don't understand it fully myself, but that could be part of the problem.<br />
<br />
Peg<!--content-->in your css change the margin and add padding<br />
<br />
body {<br />
margin:0;<br />
padding:0;<br />
background-image: url(welcomeimages/lines.gif);<br />
background-repeat: repeat;<br />
}<br />
<br />
try that and give your second table tag a width of 100%<!--content-->Thanks for the replies. I will try the recommended changes and see if that works.<br />
<br />
Thanks<br />
<br />
Toot<!--content-->I have tried the code above, but it still has a problem with the first page on opening. Then it returns to normal.<br />
<br />
Thanks anyway, but it has baffled me.<br />
<br />
Toot<!--content-->it migth have a lot to do with all those empty cells at the very bottom. jsut make 1 cell and colspan it. then you can edit these lines<br />
<br />
<tr> <br />
<td width="25%" height="40" rowspan="2" valign="top"> </td><br />
<td colspan="25" height="22" valign="top"> </td><br />
<td width="75%" height="40" rowspan="2" valign="top"> </td><br />
</tr><br />
<br />
as those will total more than 100%<!--content-->I have completely redone the website by hand. I worked out all the colspans rowspans etc on paper and typed them into a HTML editor. <br />
<br />
However, there is still the same problem of upon loading the 1st page it is oversized horizontally. I am really confused to why it is STILL not behaving itself.<br />
<br />
Here's my code which is 4.01 HTML transitional compliant but seems to only have a problem with PC's.<br />
<br />
Any ideas on why it still oversizes ? anyone ?<br />
<br />
code here in view source (<!-- m --><a class="postlink" href="http://www.muggallery.com/welcome.html">http://www.muggallery.com/welcome.html</a><!-- m -->) <br />
<br />
Thanks<br />
<br />
Toot<!--content-->loaded fine for me this time.<!--content-->are you using a mac or pc ?<br />
<br />
and what browser are you using ?<br />
<br />
Seems fine on mac but on my pc IE5.0 the top table seems to oversize.<br />
<br />
Thanks anyway<br />
<br />
Toot<!--content-->I am using pc, IE6.0 and this time it didn't oversize. it did before you made changes but not this time.<!--content-->Fine for me too. PC, IE 5.5.<!--content-->Thanks for all the replies. Really appreciate them.<br />
<br />
I have finally cracked it. The website should look fine on both mac and pc, and both 800x600 and 1024x768 resolutions too.<br />
<br />
I found in one row a percentage all alone that shouldn't have been there. Removed it and it works fine.<br />
<br />
<tr> <br />
<td colspan="5"><img src=http://www.htmlforums.com/archive/index.php/"transparent.gif" width="1" height="17" alt=""></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="87" alt="line"></td><br />
<td colspan="2" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"transparent.gif" width="127" height="87" alt=""></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="87" alt="line"></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/mugwelcome_22.gif" width="126" height="87" name="welcomelogo" alt="Welcome to mug gallery logo"></td><br />
<td valign="top" rowspan="7"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="87" alt="line"></td><br />
</tr><td width="30%" valign="top" rowspan="11"><img src=http://www.htmlforums.com/archive/index.php/"transparent.gif" width="100%" height="1" alt=""></td><br />
<td valign="top" rowspan="10"><img src=http://www.htmlforums.com/archive/index.php/"welcomeimages/greyframe.gif" width="1" height="244" alt="line"></td><br />
<br />
The page should look like this.<br />
<br />
<br />
<br />
Thanks<br />
<br />
Toot<!--content-->