ksduded Posted April 29, 2008 Share Posted April 29, 2008 I have a layer which is fixed at the top of the browser and centralised on the page. and all the other layers move underneath when scrolled. This works great in FF and IE7, but IE6 scrolls is with the rest of the page. How can I fix it with IE6 as well. The name of the fixed layer is statictopbar. Here is the CSS code that I am using: #listing { padding-left:20px; float:left; width:450px; padding-bottom:80px; } * html #listing { display:inline-block; } #phpcalendar { padding-left:20px; padding-top:116px; float:left; width:250px; padding-bottom:80px; } * html #phpcalendar { display:inline; } #statictopbar { font-family: Century Gothic; font-size: 12px; color: #999999; height: 164px; border:solid 0px #000000; width:762px; position: fixed; top:0; left:50%; margin-left:-381px; } * html #statictopbar { position:absolute; } #bottom { font-family: Century Gothic; font-size: 12px; color: #999999; background-color: #000000; height: 60px; border:solid 0px #000000; width:762px; position:absolute; bottom:0; left:0; } * html #bottom { display:inline; } And the HTML code <body id="hdtv_background"> <div id="layout"> <div id="statictopbar"> <img src="images/oasis_head.jpg" alt="title"></img><img src="images/menu_bar.jpg" alt="menu"></img><BR /><img src="images/alpha_fade.png" /></div> <div id="listing"> <?php include 'mysql_connection.php'; include 'channel_header.php'; echo "<br>"; include 'onnow.php'; include 'schedule_eq.php'; ?> </div> <div id="phpcalendar"> <?php include 'calendar.php'; include 'search_bar.php'; mysql_error(); ?> </div> <div style="clear:both"></div> <div id="bottom"><center>home | schedule | tv shows | subscribe | what is hdtv? | about us<br />terms and conditions | privacy policy</center></div></div> Link to comment https://forums.phpfreaks.com/topic/103426-fixing-a-position-of-a-div-in-ie6/ Share on other sites More sharing options...
ToonMariner Posted April 30, 2008 Share Posted April 30, 2008 Without reading your code I can tell you that IE6 will render the position 'fixed' as if you had use 'static'. your (possible) solution is here: http://www.cssplay.co.uk/layouts/fixed.html Link to comment https://forums.phpfreaks.com/topic/103426-fixing-a-position-of-a-div-in-ie6/#findComment-530334 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.