3 replies [Last post]
idiobot
Offline
newbie
Cincinnati, OH
Last seen: 17 years 50 weeks ago
Cincinnati, OH
Joined: 2004-10-13
Posts: 2
Points: 0

This is my first stab at a complex table free layout. There's so many issues here, I'm almost afraid to ask, but...

Goal: Three column fixed layout, using floats.
Looks great in Firefox on both platforms, horrible on IE (the columns are stacking vertically instead of horizontally, and worse, the navigation on Mac IE is also stacking)

The CSS is frankenstein'd. It's poorly organized and I am sure there are more optimal efficiencies I've not dug into yet.

Any pointers as to how I could even begin to search on a solution would be greatly appreciated (currently I am searching mostly on float fixes)

Sample page here
http://chrisglass.com/playground/

CSS Monstrosity here
http://chrisglass.com/playground/css/woxy.css [/url]

idiobot
Offline
newbie
Cincinnati, OH
Last seen: 17 years 50 weeks ago
Cincinnati, OH
Joined: 2004-10-13
Posts: 2
Points: 0

Floats in IE Mac/Windows

Fixed.

susibabe
Offline
newbie
nyc
Last seen: 17 years 50 weeks ago
nyc
Joined: 2004-10-14
Posts: 3
Points: 0

Can you tell me how to fix the IE float problem?

the site that I am working on
test page
stylesheet is here
looks horrible on IE, it works on firefox, and the header got covered on Opera...
do you know the solution to this?

thanks!!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 13 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Floats in IE Mac/Windows

Hi susibabe,
Here's a couple of things that should help.
Firstly there is no float center, you can only float left, right or none.
Then with IE it's usually a good idea to specify display:inline and position:relative to each floated element.
It's also a good idea to make sure your CSS and HTML validate.

Hope that helps