Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Aug 2005
    Location
    Canada
    Posts
    137
    Thanks
    2
    Thanked 0 Times in 0 Posts

    IE and FF Positioning background different.

    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.
    Thanks.
    Last edited by marcus1060; 10-31-2006 at 09:11 AM.

  • #2
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    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

  • #3
    Regular Coder
    Join Date
    Aug 2005
    Location
    Canada
    Posts
    137
    Thanks
    2
    Thanked 0 Times in 0 Posts
    That doesn't really help me.

  • #4
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,300
    Thanks
    28
    Thanked 275 Times in 269 Posts
    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 and CSS. 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.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •