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!!
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
Hope that helps
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..
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?
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
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
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.
Is there room for both of them to float next to each other? taking into account IE5 has the broken box model.
Regards
Day