site problems

[King of Red Lions]

Couple of queries about my site - www.paradisa.net Firstly, when you
click on one of the archive months to the right that doesn't contain any
posts, why is it that the entire right hand links section appears to be
outside of the light brown coloured div which shrinks to a very small size?
Secondly, when my site is viewed in IE, the header div with the title in
seems to appeaer around about 10 pixels larger and ou can see the start
of the image repeating once more, why is this?
I hope both these problems can be fixed easily, many thanks!

 

[Steve Pugh]

Couple of queries about my site - www.paradisa.net Firstly, when you
click on one of the archive months to the right that doesn't contain any
posts, why is it that the entire right hand links section appears to be
outside of the light brown coloured div which shrinks to a very small size?

Because floated elements are taken out of the document flow. Hence
their is nothing in the coloured dv to give it any height.

Secondly, when my site is viewed in IE, the header div with the title in
seems to appeaer around about 10 pixels larger and ou can see the start
of the image repeating once more, why is this?

Probably due to the line break between the <img> and </div> tags.

Steve

 

[King of Red Lions]

Because floated elements are taken out of the document flow. Hence
their is nothing in the coloured dv to give it any height.




Probably due to the line break between the <img> and </div> tags.

Steve

Hmm, how can I make it then so that the menu on the right is actually
part of the page flow?
There is no line break between the img and div tags!
Please help. Many thanks!

 

[Steve Pugh]

Hmm, how can I make it then so that the menu on the right is actually
part of the page flow?

Don't use float or position: abosolute/fixed.

That does make your layout a bit difficult to achieve (thank you
Microsoft for not supporting display: table).

So why not look into solving the real problem: why do you have links
to pages with no contet?

There is no line break between the img and div tags!

<div style="height: 100px" class="header">
<span style="float: right; color: #fff; margin: 0 0px 0 0">v.4</span>
<img src="images/paradisa.gif" alt="title" />
</div>

Looks like a line break to me.

Steve