Treehouse: Grow your CSS skills. Land your dream job.

ALARM – My site is a mess only in IE !!

  • # February 12, 2010 at 4:31 am

    Hi to all!!

    Hi have uploaded a site, and I see that it is a mess with IE !!! How can I solve this big problem please??

    For example.. all the site is on the left of the browser, the footer doesn’t follow the position: fixed of the css!! Anything is working…

    And… I have to solve this issue just… right now!!!


    Thx so much to anybody!!!

    # February 12, 2010 at 5:00 am

    You have no doctype which causes all sorts of problems, read this article
    and add a Doctype, then there will probably be other issues to fix.

    # February 12, 2010 at 5:14 am

    Hi virtual thx for your reply!!

    I just added the DOCTYPEs and the most is done ( even if doesn’t work for two pages maybe there are more problems to solve as you said )!! I’m just going to take a look with the validator but in the mean time I’d need anyone to have a look at the site again because any img is floating away in IE still… any immediate suggest please???


    Site address:

    # February 12, 2010 at 5:39 am

    Please upload the pages with the Doctype you have chosen, it is still showing no doctype, otherwise I can’t help.

    # February 12, 2010 at 5:50 am

    The beginning body tag is missing the closing > you have written <body

    # February 12, 2010 at 5:57 am

    I see, now boy is ok <body> thanks!! I’ll check that some else tag is ok too…

    I also added this:

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    to into the index and also to into the any other page of the site…

    The biggest problem is the layout that losts its construction and dimentions… the header goes too on the right and the wrap becomes too little, I set the wrap to be large as the header…

    # February 12, 2010 at 6:26 am

    You only need one stylesheet not a different one for each page. The elements that change on the different pages just need a different identifier. It is much easier to troubleshoot with one file than 4 different ones.

    Some of your pages are showing wrap at 800px and header at 982, also to center use margin: 0 auto;

    # February 12, 2010 at 6:50 am

    Ok… so I assume that it woud work in this way:

    any page.html ( ex. index; contact; whoweare; etc… ) call the same tmp.css but having different id for div into them… is it?

    # February 12, 2010 at 7:25 am

    They only need a different id or class if they are different. For example all your pages have the same wrap, header, navigation, content, footer, h1, h2, p, ul li etc so they all have the same id or class and are defined in the css file. Anything that changes for one page only can have a specific id or class, say the p tag on the event page needs to have more padding, then on the events html page you could put
    <p class="events">Bla bla bla</p> and in the CSS file {
    padding: 10px;

    It is also good practice to do a css reset at the beginning of your css file as each browser has it’s own default settings for different tags. The easiest reset is * {margin: 0; padding: 0;} Then you have to add in the extra padding, margin etc as needed. There are more complicated ones such as Eric Meyer’s

    # February 12, 2010 at 10:32 am

    Thx so much virtual!!

    Your description is been so usefull!! I think I solved any problems for now!! I hope!!

    Anyway I’m gonna read your linked pages!!


Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.