Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Positioning differences

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #22741
    Nodster
    Member

    Guys

    I’ve attached some pics of my website which clearly shows positioning differences in IE 5.5 –> 7

    [attachment=2]IE5_5.png[/attachment]

    [attachment=1]IE6.png[/attachment]

    [attachment=0]IE7(myComp).jpg[/attachment]

    Could somebody explain why there could be a difference between the browsers.

    CSS

    Code:
    html, body {height:100%;}

    .container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
    position:relative;
    }

    /*—CONTENT AREA — */

    div#content{
    max-width:980px;
    min-height:100%;
    }

    /*—-SIDEBAR —-*/

    #sidebar{
    float:left;
    color:#1A1A1A;
    margin:0 auto;
    clear: right;
    text-align: center;
    }

    /*—-FOOTER—-*/
    #footer
    {
    background:#ABC0E9 url(./images/bkg_ftr.png) bottom repeat-x;
    clear:both;
    height:60px;
    color:#000066;
    text-align:center;
    overflow: hidden;
    width:100%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:2.0em !important;
    font-weight:bold;
    }

    —————————

    —HTML CODE—

    PAGE CONTENT HERE

    Ta muchy

    #47785
    Nodster
    Member

    forgot to say there is a 1em push between the content and footer divs. Looks OK in FF / opera etc.

    Box,

    do you mean it’s so simple i should know what i’ve done wrong….or you do know and it would take you ages to explain….

    edit * for early morning sarcasm which could offend!

    #47811
    Nodster
    Member

    thanks chap for the reply….after a night shift my response was a bit shirty!

    anyways

    link to page is http://www.housecallphysio.co.uk/index.php. Thanks

    I have implemented a stylesheet using conditional comments for lte IE 6 so hopefully it looks a bit better.

    I’ve got a program called IE Tester for looking at IE 5.5 / 6 / 7 / 8 and it show different positions of the images to those from browserscreenshots.org.

    hence the confusion.

    thanks if you get a chance to take a look for me.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.