6 replies [Last post]
stark2k
Offline
newbie
Essex, UK
Last seen: 16 years 9 weeks ago
Essex, UK
Joined: 2003-08-14
Posts: 6
Points: 0

Hi all,

I'm having a real headache trying to get round the float bugs in IE 5 on the mac. Whenever I have two floats, floated next to each other, the right one always drops below the left one.

An example: http://www.the-lens.co.uk/new/gallery/music1/index.htm

This bug seems to be doing the same on all my website that have two floated columns next to each other. I've look on the net for ie 5 float bugs and can't seem to find the right hack to get around this.. surely there must be a solution?

I will pay whoever the first person is to remedy this wihtout resorting to seperate stylesheets or rules(using the backslah hack) £10.00 via paypal. Please help me!!

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 3 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Bad float behaviour in IE 5 Mac

Hi stark2k,
IE5 mac puts a default margin of 3px onto all floated elements.
If you explicitly set the margins of all floated elements (margin-left to 0 in #gallery) the problem should disapear.

I don't have a mac to test this on Sad

Hope that helps

stark2k
Offline
newbie
Essex, UK
Last seen: 16 years 9 weeks ago
Essex, UK
Joined: 2003-08-14
Posts: 6
Points: 0

Bad float behaviour in IE 5 Mac

cheers, tony I shall check that out.. luckily i have an old powerbook g3 to use for testing..

stark2k
Offline
newbie
Essex, UK
Last seen: 16 years 9 weeks ago
Essex, UK
Joined: 2003-08-14
Posts: 6
Points: 0

Bad float behaviour in IE 5 Mac

hi tony,

Check out the margin thing, and unfortunatly it hasn't done anything, i'm still thinking its a problem with IE 5 macs inability to render floats properly.

any other ideas?

123dhs321
Offline
Regular
Last seen: 15 years 37 weeks ago
Joined: 2004-01-29
Posts: 26
Points: 0

I've ran into this also especially with IE 5 on mac

I would take a look at this site about floating divs.

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 15 years 48 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Bad float behaviour in IE 5 Mac

Is there room for both of them to float next to each other? taking into account IE5 has the broken box model.

Regards
Day

The only way to learn is to do it yourself

tomL
Offline
newbie
Last seen: 15 years 32 weeks ago
Joined: 2004-03-06
Posts: 3
Points: 0

Bad float behaviour in IE 5 Mac

I was just working on what sounds like exactly the same problem. Did a little digging and found out that With IE5.x mac you MUST specify a width on a floated div, otherwise it just stacks them up. Did this and everything works perfectly now.

Daybreak_0 wrote:
Is there room for both of them to float next to each other? taking into account IE5 has the broken box model.

Regards
Day