Avatar of lexo
lexo

asked on 

Background positioning does not match up in IE & FF

Take a look at http://72.167.159.190/TP/Untitled-1.html  I amusing a background image in a container which should match up to an image in a div within it.  FF & IE have a different position, possibly from left:50%, but I'm not sure.  How can I make the page match in both IE & FF?
Web BrowsersCSS

Avatar of undefined
Last Comment
lexo
Avatar of mreuring
mreuring
Flag of Netherlands image

There's no way you're going to solve your problem using something as unreliable as left:50% and a negative margin. That's also not a very good way to center your content unless you're trying to support IE5 users!

I changed the positioning to use margin: 0 auto, moved the second img to the background of the div, made both background centered on the div / body so that they share a comon offset, the middle of the page. Then I slightly altered the body background image to get it in line with the divs' background.

I tested in IE7 and FF and they both look quite cool :)

The results can be viewed here: http://www.windgazer.nl/eexchange/Q_23583811.html
ASKER CERTIFIED SOLUTION
Avatar of mreuring
mreuring
Flag of Netherlands image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of lexo
lexo

ASKER

Thank you once again for your help mreuring!
CSS
CSS

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

43K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo