Heya all...
New here, found out about CSS Creator while searching some answers/info on "Position is everything"...
I'm having troubles with clearing "floats" (an usual problem I think).
Everything seems to work fine on MSIE/Win, Firefox, Opera, Netscape (6.1+ anyway)...
But it bugs in MSIE/Mac ... I found out about the "Contained Floats" article (http://www.csscreator.com/attributes/containedfloat.php) and I applied (almost exactly) the javascript function at the end (for MSIE/Mac).
So here's the link: http://www.molior.ca/proto/
So now my boss (eeek ) tells me that when she views the site (on MSIE/Mac 5.0, Mac OS9), she see's "i"s ( :?: ) everywhere, and everything seem's to be out of place. A friend of mine (using MSIE/Mac 5.2, Mac OS X), in his case, don't see the PNG files (with transparency), But I use the "koivi solution" http://www.koivi.com/ie-png-transparency/ and the 'IE 7 solution' http://dean.edwards.name/IE7/, and it displays quite well under MSIE/Win 5+ (meaning, the pictures are displayed, but the transparency is lost)...
Problem is, I don't have easy access to a Mac...
So, to all the CSS experts out there... Help!
Thanks!
naxfen
Strange bugs with MSIE/Mac (OS 9 and OS X)
Hi naxfen,
Sorry I like you don't have a Mac to use
One thing I found that the javascript function is not always needed in Mac IE.
This article might help http://www.l-c-n.com/IE5tests/float/
yeah but...
The text refers to a situation where there's a floated "box" and a static "box"... But in my case, I have a "left floated" box and a "right floated" box...
So it doesn't really cover my problem... :?
...gonna get crazy with all this...
naxfen
UPDATE
Found out a "bug" (or might I say, an error) in my code... To place 2 columns next to each other, I used something like:
#main_left { float: left; width: 630px; } #main_right { float: right; width: 270px; }
... and that's not the best solution, I gather... so I modified my code so that the "right main div" is static, but offseted by exactly the width of the "left main div" (this last one is still float:left).
#main_left { float: left; width: 630px; } #main_right { /*float: right;*/ margin-left: 630px; width: 270px; }
And it seems to work well in the "main browsers"...
But could someone please try this site on MSIE/Mac (OS9 and OSX, if possible)?
I don't really like to rely on my boss for that :?
(http://www.molior.ca/proto/)
Thanks!
naxfen