由于相对位置，HTML布局额外的间距

Question

I have uploaded an image on the following link which shows the layout of my html page. But I should stick to the following progress for making that layout(ie the fix ordering due to some restrictions and time problem).

http://tinyurl.com/9rs9m5y

The problem is the extra whitespace present below the content, which is arrived there due to the relative positioning(and yes I can't use absolute positioning too). Is there any way to remove that whitespace?

Answer 1

There is absolutely no need for position:relative in this layout. You should be using FLOATS. Your SEARCH should be part of the HEADER and not hacked-into position using relative positioning. The same goes for your right navigation.

You seriously need to re-think your entire HTML structure.