Design looks odd in IE, but not FF

Discussion in 'HTML & Website Design' started by ForgottenCreature, Sep 7, 2007.

  1. #1
    Hi guys,
    I recently had a design coded but something seems to be wrong. I've worked on this for hours but haven't found the problem. I have also had some other designers take a look but they don't know.

    If you go to *url removed* with firefox, it loads properly. All the boxes and content areas are in the correct place. If you visit that link in IE, the right navigational boxes appear under the main content area. They should obviously be to the right of the content area. Can someone please help me figure out how to fix this?
     
    ForgottenCreature, Sep 7, 2007 IP
  2. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Open style.css:

    Find #wrapper, make the following change:
    #wrapper {
    	margin: 0 auto;
    	[B]width: 1016px;[/B]
    	text-align: left;
    }
    Code (markup):
    The extra 6 pixels are likely being generated somewhere in the wrapper area, and in IE they tend to added up, which means the 1010px you had before did not leave enough room for the rightcontent div to squeeze into the right area. All we do is make that area larger and voila, problem solved.
     
    GWiz, Sep 7, 2007 IP
  3. ForgottenCreature

    ForgottenCreature Notable Member

    Messages:
    7,473
    Likes Received:
    173
    Best Answers:
    0
    Trophy Points:
    260
    #3
    You are awesome ;) Thanks a TON!
     
    ForgottenCreature, Sep 7, 2007 IP