View Full Version : IE and FF Positioning background different.

10-31-2006, 10:02 AM
On this site: http://valorroad.com I have a problem with IE 7 (and 6, but not important) position the background differently then Firefox. Opera positions it more different then the other two!
And as far as I can tell, IE is closer to what I actually want.

10-31-2006, 04:33 PM
you need to set the margin and padding of your elements. Also I would completely remove the Iframe. This is incorrect use of Iframes. If you want a scrolling window you can use overflow:auto; or something. It will also reduce your margin problems since all browsers have different defaults for dealing with Iframes

11-01-2006, 02:06 AM
That doesn't really help me.

11-01-2006, 03:10 AM
Iím not sure about what you mean with the background. The background image is positioned identically in Firefox 2, Internet Explorer 7, and Opera 9.

I do see several other problems related to positioning, however, such as invalid HTML (http://validator.w3.org/) and CSS (http://jigsaw.w3.org/css-validator/). After validation, itís apparent that display: hidden is not valid CSS. However, Internet Explorer and Opera seem to both read this as being the valid display: none. Firefox discards the invalid declaration and displays the element, resulting in the downward offset of your text box.

Note also that your layout is out of alignment except when displayed at a width of 1024 pixels because youíve centered the body element. Also note that you can remove display: inline from your navigation list because floated elements become block-level and thus the display: inline declaration is being overridden.