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.

  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