Hi, seem to have a inconsistent problem with one of my pages.

In some IE browsers it displays nearly a whole screen of blank white space between the header and the main content, strangely enough on my pc using both firefox and ie the page displays correctly however on some other pc's it shows the blank space.

Would really appreciate some help with this please


I viewed the URL:, in IE 8.0, It is perfect, there is no space. In case if you get issues. There are few things may go wrong here.

  1. You place two DIV's side by side and the width of the parent div is fixed size which is less than the total size of the two divs placed side by side. In this case the second div moves down and if the height of the first div is set to fill the whole page, you can see it blank.

  2. The header DIV/Table's height is mistakenly set to fill the height of the page and the content is not filling the whole DIV/Table etc.

Find out which browser makes the problem and see the url: for any compatibility issues.

I dont think setting margin and padding will help as you say the space is for the whole page.


It's clearly your sidebar. I removed it and the problem went away. Try narrowing down further until you find the culprit.

Use IE tester to dramatically help with testing:

Good Luck

IETester is useful but I wouldn't rely on it 100%. I have found bugs that appear in IE6 which didn't display in IETester's IE6 mode.

In case you have not found what the problem is - the problem is with your "Rain Radar and Maps" heading - you use tag which is not widely used because the tag istelf is badly designed. If you don't want to change this, the fastest and easiest solution is to add height for the "Rain Radar and Maps" center tag.

Sorry, I don't quite get what you mean....
+1  A: 

Ok, I downloaded and installed Microsoft Expression 3 Superpreview so that I could see the page opened in both IE6 and IE8 side by side which made finding the culprit script easy.

It turned out to be the CSS script that comes with the slideshow script that was causing the display problems, with it removed everything appears to be displaying as I want it to now with ealier versions of IE.

Thanks for your help.

<style type="text/css">

/* All Styles Optional */

* {
div#show3 {
margin:0 auto;
border:1px solid #444444;
div#show3 table td, div#show4 table td {
div#show4 table td {
div#show3 table input,  div#show4 table input {

<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td {
Gary, if you consider this to be the final answer you should mark it so. (use the check mark next to the question) This will remove your question from the 'Unanswered Questions' list, and give the person who posted the answer points (unless, like in this case, you mark your own answer as the best answer). If someone else had a good suggestion you might consider marking that answer as the correct answer, and provide the info you put in this posting as an update to your original question.
Simon Groenewolt

CSS Solution:

* { padding: 0; margin: 0; }

Good luck.

-1. Universal selector (*) is very inefficient. See:
@yc: I was not aware of that. Thanks
It's basically advised not to use "<some selector> *", which matches against every element before matching against <some selector>. Using the good old star-reset isn't really any more performance hungry than any other long reset stylesheet that basically targets all elements.

Do you use UTF-8 with BOM? I used it some times ago and I got a similar problem. If so, change the coding to UTF-8 without BOM.

Sebastian Thiele

some people set by default: * {padding:0px;margin:0px;}

at least it helps to set everything yourself.