internet explorer css - page displaying incorrectly

[map200uk]

hi,

 

 

my site works fine in Opera/firefox/netscape but in IE the layout is screwed up

 

there is a container to hold all the divs, then a div on the left (navAlpha) some links on the right in a div (navBeta)

 

and a content div in the middle, when viewed in IE the navAlpha and navBeta endup as navAlpha on left and navBeta underneath on left too

 

if someone has any idea or can point me in the right direction, that would be great

 

thanks

 

html, body, #container {
min-height: 100%;
width: 100%;
height: 100%; 
margin: 0;
padding: 0;
}

html>body, html>body #container {
height: auto; 
}

#container {
position: absolute;
top: 20px;
left: 0;
}
body {
color:#333;
background-color:white;
margin:20px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;
}

.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}




.container {
position:fixed; 
width:auto;
min-width:120px;
margin:0px 210px 20px 170px;
border:1px solid black;
background-color:white;
padding:10px;
}

.content {
position:relative;
width:auto;
min-width:120px;
margin:0px 210px 20px 170px;
border:1px solid black;
background-color:white;
padding:10px;

}

#navAlpha {
position:fixed ;
width:150px;
top:20px;
left:0;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:2;


voice-family: "\"}\"";
voice-family:inherit;
width:128px;
}

#navBeta {
position:fixed ;
width:150px;
top:20px;
right:0;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:3;
}

 

map

[ToonMariner]

without seeing the html it sounds like the old boxmodel problem.  if so his page will explin why and how to fix.

 

http://css-discuss.incutio.com/?page=BoxModelHack

 

the alternative is using a strict dtd which forces ie into standards mode...

[map200uk]

without sounding thick i cant seem to make it work?

 

the html code is:"

 

<div id="container">
<div class="content">
<h1>YMMS - Your Media System<br> </h1>
<p>

</div>

<div id="navAlpha">
<h2>Links</h2>
<p>
	<ul<li><a href=<?php echo "$_SERVER[php_SELF]?page=browseartist&action=browserating"?>>Browse => Ratings </a></li></ul>
</p>
</div>

<div><div id="navBeta">
<h2>*****</h2>
<?php $db->query("SELECT COUNT(*) FROM Song"); $row=mysql_fetch_array($db->result); echo "<br> Currently serving \n  $row[0] \n files." ;?> <?php 
</div></p></div>

</body></html>

[map200uk]

anyone able to helop? ive tried putting tyhe navBeta div inm another div-all within a container div..but still problems:(

[webdesigner]

Hi map200uk,

 

Try to insert this at the top or your CSS:

/*

  margin:0;

  padding:0;

*/

 

Let me know if this solves your problem or not.