CSS design fault in IE - works in FireFox - can anyone help?

Discussion in 'CSS' started by incka, Jan 23, 2008.

0
  1. #1
    Years ago I got a template made for me over on design outpost. It was a fluid width template, which was good for site it was intended for. However now I want to use it as fixed with design for a new site I'm building, but I'm having problem getting it to look right in IE. FF2.0 is fine.

    http://www.freeworldmaps.org/
    http://www.freeworldmaps.org/GF_cl.css
     
    incka, Jan 23, 2008 IP
  2. incka

    incka Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Sorted it using - shock-horror - a tables method. Take that CSS-tableless fanatics.
     
    incka, Jan 23, 2008 IP
  3. ChaosFoo

    ChaosFoo Peon

    Messages:
    232
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I'm glad you figured it out. However, what you did broke it in FireFox. I'm guessing the main reason that it is broken in Firefox is because the way you handled your tables is invalid XHTML strict 1.0 code.

    It is generally quite easy to take a fluid width design and make it a fixed width by using CSS. You usually just wrap everything that is in the <body> tag in a div, and give it a fixed width using CSS styles.

    Something like this:

    
#pageWrapper{
  width:800px;
  height:1%; /*to make it behave in IE*/
}
    Code (markup):
     
    ChaosFoo, Jan 23, 2008 IP