PDA

View Full Version : Another IE css problem?


Coober
07-31-2005, 09:19 AM
I have a page that has content on the left and 4 pictures on the right (the pics are links to other pages).

The 4 pictures are arranged in a square, with each being inside its own div (floated top-left, top-right, bottom-left & bottom-right, respectively). In turn, these 4 divs sit inside a 'wrapper' div that is floated right (to separate the pics from the content on the left.

So far so good.

However, the pics each have text below them to identify the picture. It is the text in the bottom right div that causes a problem in IE (6 in this case, but possibly earlier also).

The last few characters of this text is duplicated and wrapped, below & left of the original text.


Here's the page ('http://www.firstsite.co.za/Sites/BLM/cottages.htm') & here's the stylesheet. ('http://www.firstsite.co.za/Sites/BLM/Styles/cottageMain.css')

You will notice that for the text "Repeated 123", the "123" is indeed repeated.

Any idea why or how to fix it?

Thanks,

Coober

Coober
07-31-2005, 11:36 AM
Well wadda ya know?

Literally 2 minutes after posting, I found the answer.

It is due to comments in the HTML, between floats.


Here's an explanation of why it happens ('http://www.positioniseverything.net/explorer/dup-characters.html')


Coober