[Mooga2]

Hi all,

Internet Explorer for OS9 has this page completely discombobulated:

http://www.rasteroids.com/des/1.htm

The CSS script >>
http://www.rasteroids.com/miles.css

The left navigation represented by (#sidebar-a) does not appear to be responding to the float command like all other browsers, pushing the content south. Any suggestions?

Thanks,
- Moo!

[RGB]

I'm probably way off, but is this something a "clear:left" would fix?

[daimoni]

.

[york28]

Wow, IE for OS 9. That's almost as bad as having to support Netscape 4.

It works fine once you fix your declarations. Go through your CSS and delete any duplicate entries.

What was causing the problem was of your multiple width statements (for sidebar-a) the last one read "width: 182{SPACE}px;". IE couldn't handle the space in there. All those backslashes didn't help either. I took them out. I also cleaned up your declaration for #mo too, so make sure to do that.

daimoni gets one point.

Nice site by the way. I like.

[Simon Mundy]

Originally posted by daimoni:
Which version of IE? 5.x? 4.01? There is a difference.

I don't have OS 9. Maybe you could post a screen shot?

This may be unrelated, but why did you declare width twice... and in that way?

#sidebar-a {
float: left;
width: 182 px;
\width: 182px;
w\idth: 182 px;
margin: 0;
padding: 0px;
background-color: #F6F9EB;
height: 450px;
}

It looks a bit like the IE5 for PC CSS hack (where adding an escape slash hides that CSS rule from IE). Except in this case it's redundant because all the widths are the same!

[Mooga2]

Thank you, thank you, thank you! I removed the space between the 182 and pixels, and the website worked perfectly in IE5 for OS9. Yea!

As for your comments on the declaration for multiple widths (and the various naming conventions), they are hacks for certain builds of IE and Opera that are inept and read pixel widths at the wrong size. I could not find the article where I read about this hack... but anyway, the bones of this site were created with the Inktomi CSS script (which included those hacks). It's a great free script, and saves time in the inital stages. However, you can rest assured that the space between the numbers and 'px' were not in the original script - they somehow crept in there by accident!

http://www.inknoise.com/experimental/layoutomatic.php

As far as browser compatibility goes - there are many of people stuck in OS9 because of hardware or software (many music and audio applications are still not ported to X). So, I try to make things look nice as far back as IE5 for OS9. I'm not complaining though, because at least it's not Netscape 4!

Thanks again to everyone. I'm going to start cleaning up the rest of my code now.

- Moo!

[york28]

I think what you're talking about is the Box Model Hack. It is only is needed when you put padding or a border on something.

Or you could be talking about a different hack, which I think you are since it sounds vaguely familiar. In any case, glad your site's working now.

And here's what I found for a backslash hack. I'm not familiar with one that uses a single slash, but maybe someone could post a link if they know of one.

[Simon Mundy]

Originally posted by york28:
I think what you're talking about is the Box Model Hack. It is only is needed when you put padding or a border on something.

Or you could be talking about a different hack, which I think you are since it sounds vaguely familiar. In any case, glad your site's working now.

And here's what I found for a backslash hack. I'm not familiar with one that uses a single slash, but maybe someone could post a link if they know of one.

Hooray! Found it! Amazing what a holiday break can do to clear the head

http://www.info.com.ph/~etan/w3panth...mmentbugs.html