float clear issue - i think? help!

spidermonkey

anyone have any idea why this is happening?
the panel on the right is jumping down below the center panel, i assume it a float & clear issue, anyone be able to have a look nice and quick?



paddygames.ie

Goodshape

Quick guess : check your padding and margins.

An element with a set width shouldn't be given padding or margin as IE6 adds this to the width of the overall element (whereas standard practice is to apply the padding inside the element).

Apply the padding or margin to the elements inside the box instead. Or create an inside element specifically for padding.

(i.e. <div class="fixed-width"><div class="padding">content</div></div> ).



Though I haven't looked at your code, so this really is just a quick guess.

spidermonkey

thanks ill give that a try.

Liam Byrne

spidermonkey wrote: »

thanks ill give that a try.

If it's IE6, then add "display:inline" to any "floated" elements; otherwise it'll double your margin.

spidermonkey

Right so im back, while i was going over the code i decided to update and integrate the site more (visually)

can ye guys do a quick check in internet explorer to see if the site displays correctly, ive implemented the two suggestions ye guys made.

I dont have the time to wait for browsershots to get back to me.

Thanking ye!!

Webmonkey

Looking good on IE6 and Firefox 3 here anyways.

spidermonkey

got the browsershots lastnight and they all show the site as being identical in all versions ofIE thanks for the advice guys! Couldn't thank he enough