Stylesheets - IE5 Mac problem

Author

IE5 Mac problem

Andy

2005-01-28, 7:42 pm

I'm currently taking first steps to move from using tables for layout to
pure CSS - mostly going well until I've hit a problem with IE 5 on the Mac.
I realise there are a number of problems and workarounds for this browser,
but can't solve this one.

Here's the page: http://outset.hostinguk.com/default2.asp - works fine in
most browsers, but on IE/Mac the content clears the navigation and starts
below it, when it should run to the side.

Here's a direct link to the stylesheet:
http://outset.hostinguk.com/style.css, plus an extract of the relevant part:

body {
background-color: #FFFFFF;

color: #000000;

margin: 20px 20px 20px 20px;

}

#logo {

float: left;

width: 210px;

margin-right: 25px;

}

#title {

float: left;

margin-left: 28px;

width: 510px;

}

#leftnav {

clear: both;

float: left;

margin-left: 80px;

margin-right: 25px;

display: inline;

}

#content {

float: left;

width: 480px;

}

#footer {

clear: both;

width: 510px;

margin-left: 266px;

padding-top: 10px

}

Many thanks in advance to anyone who is able to take a look at this and
suggest a solution.

Andy

Philip Ronan

2005-01-28, 7:42 pm

Andy wrote:

> I'm currently taking first steps to move from using tables for layout to
> pure CSS - mostly going well until I've hit a problem with IE 5 on the Mac.
> I realise there are a number of problems and workarounds for this browser,
> but can't solve this one.

Add this to your stylesheet:

* { outline: 1px dotted invert; }

If you do that you'll soon realize that the #leftnav box is defaulting to a
width of 100%. Try specifying something smaller.

Phil

--
phil [dot] ronan @ virgin [dot] net
http://vzone.virgin.net/phil.ronan/