If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

CSS image help

Hi

I have a image at the top of my page and is in the right place on my 1024 x 768 screen but when looking at it on my second screen which is a 1280 x 768 I think, it appears off the page, how do I set it so it appears in the same place on both screen sizes

Ian, I'm using firefox ver 18.0.1 and your site has no nav menu on the side. All I see is an image and then a centered strip that 610 px wide that contain words and images until you get to the words

These are key skills that stay with our students for life whatever paths they

at that point the strip goes to 444px by sucking in the right side.
Think you lost your css styling.

OK I found your problem. Stop using position:fixed; position: relative; or position: absolute; Use the normal flow of html and I think you'll solve all your problems.
BTW the nav was under the strip because you used position: fixed; on it. I have a 1440px wide screen and mine is small.

One thing, on my #nav, I got position: fixed as it scrolls with the website, if I comment that out, it just stays at the top, is there another way of having it scroll with the site if I take out the position: fixed