3 replies [Last post]
naxfen
Offline
newbie
Last seen: 17 years 43 weeks ago
Joined: 2004-09-09
Posts: 3
Points: 0

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 Shock ) 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

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

Strange bugs with MSIE/Mac (OS 9 and OS X)

Hi naxfen,
Sorry I like you don't have a Mac to use Sad
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/

naxfen
Offline
newbie
Last seen: 17 years 43 weeks ago
Joined: 2004-09-09
Posts: 3
Points: 0

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

naxfen
Offline
newbie
Last seen: 17 years 43 weeks ago
Joined: 2004-09-09
Posts: 3
Points: 0

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