mysterious indents caused by divs

liunx

Guest
A quick look at <!-- m --><a class="postlink" href="http://members.lycos.co.uk/shanterusan/blogs">http://members.lycos.co.uk/shanterusan/blogs</a><!-- m --> is the easiest way to see what I'm describing. All that header material is contained in a div that's 1000px wide (and the 3 columns add up to 1000px). It is subdivided into 3 divs. The left and middle ones have specified widths and the right one's width is set to auto.

The posts in the middle column of the main area are generated using php. The sidebars are absolutely positioned and have set widths. The middle column has auto width and is relatively positioned.

So that's how it is laid out.

You can see that *only* the first post has these mysterious indents. They're obvious in the layout so I won't attempt a clumsy description. The div tags are all closed properly and nested logically, I'm positive. I'll post code if needed.

What on earth is happening? Is it something totally obvious? (It happens in IE as well as Firefox.) Please point me in the right direction, it's really bugging me.All bets are off with all of these errors:

<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fmembers.lycos.co.uk%2Fshanterusan%2Fblogs%2F">http://validator.w3.org/check?uri=http% ... 2Fblogs%2F</a><!-- m -->

(You can't even validate the CSS due to the above errors: <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmembers.lycos.co.uk%2Fshanterusan%2Fblogs%2F&usermedium=all">http://jigsaw.w3.org/css-validator/vali ... medium=all</a><!-- m --> )
 
Back
Top