Having a site with > 100% height

[DarkAngelBGE]

Heya could someone please check out this and tell me why there appears a vertical scrollbar?

Thanks a lot.

[DarkAngelBGE]

Also I noticed that when resizing the window the navigation links (with that hover effect) do not start a new line, instead they cause a horizontal scrollbar.

How can I prevent that?

Same goes for the content parts ("Willkommen", etc.). When resized they do not match up correctly anymore.

[pbritten]

In the structure.css file, remove the "height:100%" declaration from the "#outer" rule.

[DarkAngelBGE]

Nope did not work.

[Paul O'B]

Hi Tim,

Did you mean a horizontal scrollbar rather than a vertical one The vertical one is obvious, because you have too much content

The horizontal scrollbar is caused mainly by the padding you have added to the left and right floats. You have mixed percentages and padding which don't add up and soon become too big for the window.

Take out the padding and put it on an inner element.

#contentleft {
width:70%;
float:left;
margin:0px;
background:#ECFFFF;
}
#contentright {
width:25%;
float:right;
background:#ECFFFF;
}

The top images not wrapping is because you have told them not to with white-space:nowrap here:

#navigation ul {
margin:0px; 
padding:0px; 
white-space:nowrap;
}

Remove it and the images should wrap.

You also need to look at the unbroken text in your right column which causes Ie to jump the float down. If you add some space between the words then the element will get a lot smaller before dropping.

Hope that helps.

Paul