Pages shift sideways on the Mac ? Help !!! (Dreamweaver)

[katylux]

Some Pages shift sideways beause of the scroll bar? Help !!! (Dreamweaver)

Hi Boyz,

I desperately need your help. I’d designing my website and I’m doing it on the Dreamweaver on the PC. When I test my website on a PC (IE), everything looks fine, however when I view it on a Mac (Safari, Firefox) or PC (Firefox), when I move from one page to another, some pages shift sideways to the right (about 25 pixels). These pages are table base, no layers and they are just basically duplicates of the same page with different images. I have 800px width table nested in a 100% table aligned center. Why is this happening and how can I fix it ? Please help me ! Thank you so much !

Katy

 

[2knew]

Hi Boyz,

I desperately need your help. I’d designing my website and I’m doing it on the Dreamweaver on the PC. When I test my website on a PC (Firefox, IE), everything looks fine, however when I view it on a Mac (Safari, Firefox) , when I move from one page to another, some pages shift sideways to the right (about 25 pixels). These pages are table base, no layers and they are just basically duplicates of the same page with different images. I have 800px width table nested in a 100% table aligned center. Why is this happening and how can I fix it ? Please help me ! Thank you so much !

Katy

You'll get better response if you post a link to the problem page..

 

[katylux]

How do I compensate for scroll bar ?

Hi,

Thanks for the reply. Sorry, I don’t have a domain yet, and I’m testing the website at work, which url I can’t make public, ‘cos my boss would kill me. Anyway, I just realized the problem occurs in Firefox on a PC as well but not in IE and I think I know why. The shift occurs on pages that are longer where scroll bar appears. So, IE always has a scroll bar (on short pages, the scroll bar is inactive (dim), but it’s there), however Safari, Firefox only show scrollbar when scrolling is necessary.

So the bottom line is, the shift occurs because of the scroll bar appearance. So, how do I compensate for it ? Thanks !

 

[katylux]

I figured it out. Here's the solution:

html { height: 100%; margin-bottom: 1px; }