Link to home
Start Free TrialLog in
Avatar of TonyCabone
TonyCabone

asked on

Cannot remove whitespace on top of html page

I need help removing the white space below the navigation menu on this page:

http://sirona.webcity.com.au/~wbw49384/

The website was setup using tables and I just can't seem to get it right.
Avatar of rdivilbiss
rdivilbiss
Flag of United States of America image

Looks fine in IE 8, Safari, Chrome, Firefox and Opera. What browser are you using and have you cleared your cache?
I think that it loks fine in IE6 as well, but if you are talking about the 3/4" or so between the navigation menu and your main title, it could be in one of your hidden <div> tags. There are 3 hidden and 1 visible that are considerably taller than the others.

Hidden <div> tag object take up the space even whem hidden.
http://www.devx.com/tips/Tip/13638
<div style="position: absolute; visibility: visible; background-color: rgb(255, 255, 255); width: 478px; height: 22px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal; font-size: 7.4pt; z-index: 101; top: 94px; left: 285px;">

<div style="position: absolute; visibility: hidden; background-color: rgb(189, 200, 214); width: 122px; height: 43px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal; font-size: 7.4pt; z-index: 102; top: 0pt; left: 0pt;">

<div style="position: absolute; visibility: hidden; background-color: rgb(189, 200, 214); width: 107px; height: 64px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal; font-size: 7.4pt; z-index: 102; top: 0pt; left: 0pt;">

<div style="position: absolute; visibility: hidden; background-color: rgb(189, 200, 214); width: 152px; height: 64px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal; font-size: 7.4pt; z-index: 102; top: 0pt; left: 0pt;">

Open in new window

Avatar of TonyCabone
TonyCabone

ASKER

Mozilla 3.6.6, yes cache has been cleared.

Yes I am talking about the space between menu & main title.  The code has something to do with the drop down navigation which I think is faulty & needs replacing. Can I change any of the above code to reduce the white space without hindering the navigation?
ASKER CERTIFIED SOLUTION
Avatar of jayantc
jayantc
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I don't see the white space. Is this an IE 6 or 7 issue?

willunga.jpg
That's weird, I see it on Mozilla 3.6.6 & IE 8. The picture you've uploaded is how it should look.
this issue comes only on resolution 1280x1024
and not on resolution 1024x768
that's why i said to make that td valign="top so that it starts from top",  then that blank space wont come.. as now if the screen size increases the content comes in middle of td, and showing blank space.
That was 1280 x 800
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial