Problems with IE

Discussion in 'CSS' started by clarinda, Feb 21, 2010.

0
  1. #1
    Hi,

    I am having problems with Internet Explorer. My site www.creativeappointments.co.uk looks great in Chrome, Safari & Firefox however in IE the footer does not line up correctly with the rest of the page.

    Is there a problem with the CSS?

    /* Footer */

    #footer-content {
    width: 900px;
    height: 255px;
    margin: 0 auto;
    padding: 60px 50px 0px 50px;
    background: url(images/img15.jpg) no-repeat left top;
    font-size: 12px;
    color: #887450;
    }

    #footer-content .column1 {
    float: left;
    width: 250px;
    }

    #footer-content .column2 {
    float: right;
    width: 250px;

    }
    #footer-content .column3 {
    float: right;
    width: 273px;

    }


    #footer-content h2 {
    padding-bottom: 10px;
    font-size: 18px;
    color: #E3D2B6;
    }

    #footer-content strong {
    color: #E3D2B6;
    }

    #footer-content a {
    color: #AA8B55;
    }

    #footer-content a:hover {
    color: #AA8B55;
    }

    .list li {
    margin-bottom: 6px;
    }

    #footer {
    height: 50px;
    margin: 0 auto;
    padding: 0px 0 15px 0;
    font-family: Arial, Helvetica, sans-serif;
    }

    #footer p {
    margin: 0;
    line-height: normal;
    font-size: 10px;
    text-align: center;
    color: #E3D2B6;
    }

    #footer a {
    text-decoration: underline;
    color: #E3D2B6;
    }


    I would appreciate any advice on how to recify the problem, I have limited knowledge of programming so it may be something really simple that I am missing!

    Thanks
     
    clarinda, Feb 21, 2010 IP
  2. broxen

    broxen Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    the problem is IE, not CSS :)
    this is common problem to ANY webmaster.
     
    broxen, Feb 21, 2010 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Funny, I don't have those types of issues... If I was to point the finger at something other than CSS, it would be the markup it is being applied to.

    30 validation errors makes it gibberish, not HTML. It uses tables for layout, has little to no separation of presentation from content, throws redundant classes at the silliest of elements, uses broken methodology for it's columns (which is why the right column is broken in every browser here appearing below the content area!), and even on the elements that SHOULD be tables doesn't make use of TH, CAPTION or any of the dozen other tags that SHOULD go into a table. (there are tags OTHER than TD people!).

    When the markup is outdated broken trash, the CSS is sure to follow. That it doesn't appear to be rendering properly in ANY browser here (admittedly I'm a large fonts/120dpi user) shows that rather well - as does the use of 24k of markup to deliver 4.7k of text content. Even with that horde of anchors at the bottom I doubt it should be more than half that.

    As I tell many people - pitch it and start over with semantic markup and separation of presentation from content. In other words, MODERN markup techniques, as to be brutally frank there is more of 1997 to this page's code than there is 2010.
     
    deathshadow, Feb 21, 2010 IP