Click to See Complete Forum and Search --> : Make it look pretty in IE... Please?


Reddox
01-21-2007, 06:22 PM
When I'm making sites I usually have (at some point in the process) problems with making it look pretty in IE.
On the newest site I'm making, it looks good in Opera, Safari and FF.
But IE6 is giving me s*** again.
Can anyone take a look and see if they can make it pretty? Even though it's a good portion of code, it should be easy to read.

Site (http://www.rddox.com/ny2)
CSS (http://www.rddox.com/ny2/style.css)

And, it is validated

Centauri
01-21-2007, 09:17 PM
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#000000;
width:100px;
height:27px;
border:0px solid #fff;
border-width:0px 0px 0 0;
background:#eeeeee;
padding-left:10px;
line-height:29px;
} should be 27px or less

.menu li {
float:left;
width:100px;
position:relative;
display: inline;
} add this

#content {
width:500px;
border:solid 1px #000000;
float:left;
margin-top:10px;
margin-left:25px;
margin-right:0px;
height:600px;
display: inline;
}

div.sidemenu {
width:150px;
float:right;
margin-top:10px;
margin-right:25px;
display: inline;
} add these

You are victim of IE's double float margin bug and IE not respecting set div height.

Cheers
Graeme

Reddox
01-21-2007, 10:09 PM
Thanks mate, appreciate it.
I'll try it out tomorrow

aussie girl
01-21-2007, 10:51 PM
looks ok in IE7

Reddox
01-21-2007, 10:55 PM
thanks, i haven't checked it in IE7 yet. But a lot of people still use IE6, and since it's the worst browser, I make sure it looks ok in FF and Opera first, then concentrate on IE6