Web Analytics Made Easy -
StatCounter Making pages IE compatible. - CodingForum

Announcement

Collapse
No announcement yet.

Making pages IE compatible.

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Making pages IE compatible.

    Hi,

    I have a page which I have recently re-designed to be fully CSS. Its now pretty much how I want it to look, but only in Firefox. IE isn't behaving how it should!

    The page can be viewed at:
    http://www.flics-jewellery.co.uk/redesign/

    My concern is the footer, if you view it in Firefox that is how it is supposed to look. Any ideas how to get it to look the same in IE would be much appreciated!

    On a side note, the text starts lower in Firefox than it does in IE, but that doesn't bother me.

    Thank you for any tips!

    Flic

  • #2
    Only use absolute positioned divs where neccessary. You only need absolute for the containing div#bottom the rest should be floated divs.

    Code:
    #bottom {
    position: absolute;
    bottom: 0px; right: 0px;
    width: 500px; height: 42px;
    background-color: #D5DCFF;
    }
    
    #bottomleft {
    float:left;
    clear:none;
    margin:0;
    padding:0;
    background-image: url(bottom-left.jpg);
    width: 50px; height: 42px;
    }
    
    #bottomtop {
    float:right;
    clear:none;
    margin:0;
    padding:0;
    background-image: url(bottom-top.jpg);
    background-repeat: repeat-x;
    width: 450px; height: 12px;
    Sometimes the reason things are different in IE is because of the default margin and padding behaviour across different browsers. You can always include a IE only css code by putting a / infront of it so {/margin-top:-2px;}
    or something liek this
    Last edited by timgolding; Oct 9, 2006, 10:13 AM.
    You can not say you know how to do something, until you can teach it to someone else.

    Comment

    Working...
    X