Yet another IE problem, this time with floats - Webmaster Forum

05-31-2007, 02:36 PM

Sulcalibur

Status: I love this place
Join date: Jan 2005
Location: London
Expertise:
Software:

Posts: 608

iTrader: 4 / 100%

Sulcalibur is on a distinguished road

Yet another IE problem, this time with floats

I'm having a problem with IE6 and it not using the floats properly, instead they are stacked.

Ref: http://77pixels.com/clients/al-badr/coming_soon/

Thanks in advance

05-31-2007, 02:38 PM

Sulcalibur

Status: I love this place
Join date: Jan 2005
Location: London
Expertise:
Software:

Posts: 608

iTrader: 4 / 100%

Sulcalibur is on a distinguished road

Don't worry, got it.

http://www.talkfreelance.com/thread31374.html

Just reduced the widths a little.

05-31-2007, 02:48 PM

Sulcalibur

Status: I love this place
Join date: Jan 2005
Location: London
Expertise:
Software:

Posts: 608

iTrader: 4 / 100%

Sulcalibur is on a distinguished road

OK new problem, they are out of line in IE, but OK in FF, so if I move them, they will mess up in one browser.

05-31-2007, 04:31 PM

Gurnk

Status: Member
Join date: May 2007
Location: US
Expertise:
Software:

Posts: 380

iTrader: 12 / 100%

Gurnk is on a distinguished road

You need to find the perfect size so they align correctly, or use browser specific style sheets.

06-09-2007, 09:48 AM

Tom

Status: I Code Things
Join date: Aug 2005
Location: UK
Expertise:
Software:

Posts: 1,998

iTrader: 14 / 100%

Tom is on a distinguished road

When using floats you should always clear them. By using the following code:

CSS

Code:

div.clear {
     clear: both:
}

xHTML

Code:

<floating element></floating element>

<div class="clear"></div>