fixing a position of a div in IE6

ksduded · 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>

ToonMariner · 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

Sign In

fixing a position of a div in IE6

Recommended Posts

ksduded

Link to comment

Share on other sites

ToonMariner

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information