- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
.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—
Ta muchy
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!
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.