css positioning on the page

[pagetta]

I am designing a new website with a tableless css/xml design and it is approx 760px wide and sits in the middle of the page. there is a header row, then 2 columns - the left for main content and the right a slim column for links etc.

In IE as you flick through the main nav the site looks perfect and stays still, but in firefox on pages where the main content is the same length as or shorter than the right hand column, the pages jump to the left slightly.

My boss always uses microsoft as an example of a great IT site and I was almost pleased to see that if you go to www.microsoft.com and flick through thre right hand menu of 'all microsoft sites' on FF it does exactly the same so I am not on my own in this problem!

does anybody know a fix for this?

many thanks!

[speed]

Add the following to your CSS:

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

That should force Firefox to always show the scroll bar and hence stop the jump.

[weslinda]

It's not a break, it's just the scroll bar showing up when needed. No big deal unless your boss feels like it is. The fix about isn't a bad one and can keep life simple.

[Soulkeeper]

Hello all:

You know, I have to be honest and say I am fairly new to this 'vocation' for want of a better word and being self taught is hard enough. Add into that, I am a high school drop-out and a general contractor by profession who wants to save some family members some money so I took up the computer skills and have become rather proficient at them.

What does bother me though is that I also went through this same problem described here when I was re-working my mother's site with css. I didn't know a damn thing about IE hacks, as they are familiarly known as.

Needless to say, I have had to undergo a huge learning curve, not that I'm complaining about the education by no means. What does bother me though is that after all the BS that MS has had to undergo, they still release a product (IE7) which needs it's own set of coding to 'work' properly.

Oh well, here's hoping that one day (sooner rather than later would be nice) that one rule set will apply to all browsers, the MS conglomerate included!!

Thank you for allowing me to vent here

[weslinda]

The issue is FF, not IE, and I do not use hacks worth anything for any of my designs. While IE7 isn't perfect, it is a far cry better than IE6 and a different light year that IE5.

But feel free to vent whenever you'd like, but note that the issue is FF and not IE.

[Christiaan]

I found

Floatutorial: Step by step CSS float tutorial

very helpfull to solve a problem I had.

[pagetta]

thank you speed that fix works great

[Sergio Simarro]

Hi Pagetta!

It could be helpful if you could post a screenshot.
Do you mean something similar to Benidorm Discotecas en new Sunset Discoteca. Tus noches de fiesta en las discotecas de Benidorm or Victoria Parking Alicante. Cheap car parking Alicante Airport Spain. Short term or long term parking Alicante Airport for any car..

I tell you because I developed those two sites and I think it is more or less the same.
Kind regards!!