Whites Space v IE6

[jont]

Garrrrrr.

Just spent 2 hours trying to work out why a layout worked pixel perfect in IE6, IE7 and FF offline but developed a 8px discrepancy online with both flavours of IE.

After ripping out all the various layouts via the css (display:none) eventually nailed it to white space between <img> tags being rendered incorrectly upon upload.

Original code in Actinic:
<img 1>
<img 2>
<img 3>

..changing to

<img 1><img 2><img 3>

removed the white space issue and everything is peachy (they were being floated and IE doubles the floats).

Should have know better really as this happens with <li> and Actinic.

Thought would post in case of use to anyone else with the same issue.

[jont]

ChrisD - can you move this to the design section please?

[Darren B]

Thanks Jont

you have helped me understand what was happening the other day with a similar problem

D

[NormanRouxel]

That can happen with Variables, Layouts, etc.

<actinic:block ... >
Block1code
</actinic:block>
<actinic:block ... >
Block2code
</actinic:block>
<actinic:block ... >
Block3code
</actinic:block>

Sometimes must be written

<actinic:block ... >Block1code</actinic:block><actinic:block ... >Block2code</actinic:block><actinic:block ... >Block3code</actinic:block>

[jont]

you have helped me understand what was happening the other day with a similar problem

I help when I don't even try

[jont]

That can happen with Variables, Layouts, etc.

Yep - and it is a real pain to diagnose as it is such an innocuous factor but the rendering is so wrong it leads to the belief it is some major coding issue.

[simplydigital]

Same problem

Hi all

I have a problem with IE6 and white space using actinic v8.

It's happening in the product section list before the </li> and it's causing the innerlayout to move to the bottom of the page.

The site is fine in IE7 and firefox.

Anybody got any idea's of how to sort this?

Thanks

Steven

[jont]

IE is notorious with lists and white space formatting - ensure the are no spaces (created by hitting the space bar or an enlarged copy and paste) after the closing </li> on each row and see if that resolves

[jont]

Re-reading your post between the lines if the inner layout is dropping to the bottom of the page this usually points towards a CSS "clear" .... it can sometimes happen when tags are not closed in the correct order.

[simplydigital]

Thanks

I've managed to get rid of white space, but do still have the problem, I will go and check tags now.

Would this only cause a problem in IE6?

[jont]

IE6 is a pig with errant issues affecting layout - everything can be pixel perfect in FF and IE7 but trashed in IE6.

Also check for any margins on floated objects (these get doubled in IE6) and for any over large blocks of code that may be breaking out with floated elements.

[TraceyHand]

IE6 is a pig

Truer words were never spoken!

[leehack]

For every column you have over 1 (ie on 2 cols if you have 3 total) take 3px off the width you think each column should be and Bob is your uncle. Oh and 5.5 with it's infamous box model was a joy to behold.

[jont]

you think each column should be

.. don't forget to divide by the number of minutes past the hour you were born (Northern hemisphere only - Southern hemisphere users add the cost in lbs for bananas[non-organic])

[simplydigital]

Thanks for all your help, ended up rewriting some code and it seems to have fixed the problem, it was probably something obvious I just couldn't see.