www.webdeveloper.com
Results 1 to 3 of 3

Thread: IE and Firefox handling margin pixels differently?

  1. #1
    Join Date
    Feb 2006
    Posts
    19

    IE and Firefox handling margin pixels differently?

    http://www.studiotwentythree.com/webspaces/streams/s1

    Hi there,

    My site I am working on has a left navigation that looks differently in IE and Firefox. The problem seems to be that when i use:
    Code:
    margin-left: 10px;
    IE's pixel-indent is twice that of firefox. If you open the site in both Firefox and IE, you will see IE has a white space to the left of the left-navigation when Firefox doesn't.

    My main div is 10 pixels longer to the left and right of the actual content, because I wanted to have a background image with shadows (to the left and right of the main div, as you can see).

    Does anyone know how to fix this?

    My code can be found here:

    HTML:
    http://www.studiotwentythree.com/web.../s1/index.html

    CSS:
    http://www.studiotwentythree.com/web...tyles/main.css

    Thanks!!!

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    I believe IE has a known margin doubling problem.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  3. #3
    Join Date
    Feb 2006
    Posts
    19
    Thanks found a fix.

    I thought it was something I was doing wrong, but turns out I just have to add a display:inline to my left floating div to work around the IE problem.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles