The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Page shift error when multiple tabs are open in IE7
poebae
post Dec 1 2008, 06:21 AM
Post #1





Group: Members
Posts: 2
Joined: 1-December 08
Member No.: 7,231



My page loads correctly, but when I open a new tab in IE7 so the tab
bar appears, my page shifts to the left, and the menu overlaps/
obscures parts of the images.

I can't find a reason why this happens, can anyone help?

A screenshot of the error can be found below:

http://www.onetopsoccer.com/error.jpg

The page itself is at http://www.onetopsoccer.com/index.shtml
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Brian Chandler
post Dec 1 2008, 07:25 AM
Post #2


Jocular coder
********

Group: Members
Posts: 2,460
Joined: 31-August 06
Member No.: 43



<table width="963"

This is the problem. You have made you page so it precisely fits the particular pixel diimensions of the browser window you started in. Of course it doesn't precisely, or even roughly, fit other people's windows... But when you open a second tab, thanks to the miracle of Microsoft "Innovation", there is a bar across the top. So the available _height_ is less, and your page now needs a vertical scrollbar, which causes it to jump left or right or something. This also means it now needs a horizontal scrollbar too, and so it goes on.

Try looking up "fluid design"...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
poebae
post Dec 1 2008, 10:18 PM
Post #3





Group: Members
Posts: 2
Joined: 1-December 08
Member No.: 7,231



QUOTE(Brian Chandler @ Dec 1 2008, 07:25 AM) *

<table width="963"

This is the problem. You have made you page so it precisely fits the particular pixel diimensions of the browser window you started in. Of course it doesn't precisely, or even roughly, fit other people's windows... But when you open a second tab, thanks to the miracle of Microsoft "Innovation", there is a bar across the top. So the available _height_ is less, and your page now needs a vertical scrollbar, which causes it to jump left or right or something. This also means it now needs a horizontal scrollbar too, and so it goes on.

Try looking up "fluid design"...

Thanks a million!

I haven't tried fixing it yet, but your reasoning is specific and logical. I posted my question on a couple of different boards too, and everyone there pretty much pointed out the errors that the w3 validation service spat out, even though they were all things like "the <script> tag doesn't have a TYPE specification", and had absolutely nothing to do with layout.

I'll try to fix it up according to your advice. Thanks again!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd April 2024 - 08:41 AM