[key_uk]

Hello, as you might have seen from my other thread, Im trying to change my website so it view the same in most broswers, well im getting there, but I have three problems which I cant seem to fix:

Problem 1:
When viewed in firefox the page has a large width for some reason causing a scroll bar at the bottom, I think this has something to do with the image on the right hand side.

Problem 2:
In both broswers IE and Firefox when the broswer window is made smaller The footer text stays in the middle of the page and is always center, but I want it to stay together and move with the page like the rest of the layout.

Problem 3 (The last one!):
I cant seem to get the button list on the right hand side in line with the box below it on both broswers, I can manage to get it in line on one broswer, but not the other one, plus I want to get the box below the button list moving up abit in firefox.


Hope all this makes sense, and I hope someone can help me out with some of these questions. here is the website (The website is for a massage parlor)

[finbarr]

youve positioned that image in a really bizarre way, my friend, thats why its all over the place.
IMO it should be a background image to the main container, no need for its own div.

tbh thats just the start of your problems, theres an awful lot wrong here which is why youre getting these issues

[skyrocket]

Originally Posted by key_uk

Problem 1:
When viewed in firefox the page has a large width for some reason causing a scroll bar at the bottom, I think this has something to do with the image on the right hand side.

you've set width 580px on the div but the actual image is 334px

Originally Posted by key_uk

Problem 2:
In both broswers IE and Firefox when the broswer window is made smaller The footer text stays in the middle of the page and is always center, but I want it to stay together and move with the page like the rest of the layout.

it's your #main_footer {left:270px;position:absolute;top: 625px;}. your footer should be inside the container div and then you can centre stuff within that using margin: 0 auto

Originally Posted by key_uk

Problem 3 (The last one!):
I cant seem to get the button list on the right hand side in line with the box below it on both broswers, I can manage to get it in line on one broswer, but not the other one, plus I want to get the box below the button list moving up abit in firefox.

que?

[emil]

Blue lines are your divs. I haven't checked the code, but by the looks of it, you need to start over.

This time, go through css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers and /* Position Is Everything */ — Modern browser bugs explained in detail!

[emil]

WTF, Oli, your forum's broken...