471,618 Members | 1,059 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,618 software developers and data experts.

CSS issue with whitespace

maryjane9110024
I need some help with my site as well. There's a white space between the top and body div and again between the body and footer div in FF & Opera but looks fine in IE. I even set the margin and position to 0 then tried margin-bottom and position-bottom to 0 and it still does it. The URL is http://webpagedesignstudio.com/dillo...ng/index.shtml.

The CSS is as follows:

/* CSS Document */
Expand|Select|Wrap|Line Numbers
  1. body{margin-bottom:0px; padding-bottom:0px}
  2. div, p, ul, ol, h1, h2, h3, h4, h5, img{margin-bottom:0px; padding-bottom:0px}
  3.  
  4.  
  5. /* MAIN PANEL */
  6. #mainPan{width:742px; position:relative; margin:0 auto}
  7.  
  8. /* TOP PANEL */
  9. #topPan{width:742px; height:149px; background:url(../images/topbg2.gif) no-repeat #ffffff; color:#000000; padding:0px; margin:0px; border:none}
  10. #topPan img {padding:35px 35px 0px 35px; border-style:none}
  11. #topPan img a {border-style:none}
  12. #topPan img a:hover {border-style:none}
  13. #topPan img a:visited {border-style:none}
  14. #topPayPan {width:120; top:25px; left:590px; right:35px; position:absolute}
  15. #topPayPan p {padding:0 0 0 0; font-size:12px; text-align:right}
  16. #topPayPan p img{padding:0 0 0 0; text-align:right}
  17.  
  18. /*Navigation */
  19. #topNavPan {width:741px; top:102px; height: 31px; left:0px; right:0px; position:absolute}
  20. #topNavPan li {display:inline; padding:0px 15px 0px 0px; text-decoration:none}
  21. #topNavPan li a img {display:inline; padding:0px 5px 0px 0px}
  22.  
  23.  
  24. /* TOP PANEL CLOSE */
  25.  
  26.  
  27. /* BODY PANEL */
  28. #bodyPan{width:742px; background:url(../images/bodgybg2.gif) repeat-y #ffffff; color:#000000; padding:0px; margin:0px; border:none}
  29. #bodyPan h1 {padding:10px 35px 0px 35px; color:#65010B; font:"Times New Roman", Times, serif; font-size:24px; font-weight:bold; font-style:italic}
  30. #bodyPan h2 {padding:0px 35px 0px 35px; color:#65010B; font:"Times New Roman", Times, serif; font-size:20px; font-weight:bold}
  31. #bodyPan h3 {padding:0px 35px 0px 35px; color:#65010B; font:"Times New Roman", Times, serif; font-size:16px}
  32. #bodyPan p, img {padding:0px 35px 0px 35px; color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
  33. #bodyPan p img {padding:0px 35px 0px 35px; color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
  34. #bodyPan a {color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
  35. #bodyPan a:hover {color:#65010B; font:"Times New Roman", Times, serif; font-size:14px}
  36. #bodyPan a:visited {color:#000000; font:"Times New Roman", Times, serif; font-size:14px}
  37. #bodyPan table img {padding: 5px 5px 5px 5px}
  38. #bodyPan table a img {padding:5px 5px 5px 5px; border-style:none}
  39. #bodyPan table h3 {padding:5px 5px 5px 5px}
  40.  
  41.  
  42. /* BODY PANEL CLOSE */
  43.  
  44.  
  45. /* BOTTOM PANEL */
  46. #bottomPan{width:742px; height:100px; background:url(../images/bottombg2.gif) no-repeat #ffffff; color:#000000; margin:0}
  47. #bottomPan p {padding:0px 0px 0px 35px; color:#000000; font:"Times New Roman", Times, serif; font-size:10px}
  48. #topPan img {border-style:none}
  49. #bottomPan a img {border-style:none}
  50. #bottomPan a img {border-style:none}
  51. #bottomPan a img {border-style:none}
  52.  
  53. /*Navigation */
  54. #bottomNavPan {width:742px; top:0px; height:100px; left:0px; right:0px}
  55. #bottomNavPan li {display:inline; padding:0px 15px 0px 0px; text-decoration:none}
  56. #bottomNavPan li a img {display:inline; padding:0px 5px 0px 0px}
  57. #bottomNavPan a {color:#000000; font:"Times New Roman", Times, serif}
  58. #bottomNavPan a:hover {color:#65010B; font:"Times New Roman", Times, serif}
  59. #bottomNavPan a:visited {color:#000000; font:"Times New Roman", Times, serif}
  60.  
  61.  
/* BOTTOM PANEL CLOSE */
Sep 3 '07 #1
1 1754
drhowarddrfine
7,435 Expert 4TB
maryjane,
If you have an issue, start your own thread, do not post your problem in someone elses.

Also, please use code tags as mentioned in the guidelines to the right of the reply page.
There's a white space between the top and body div and again between the body and footer div in FF & Opera but looks fine in IE.
Did you do your initial testing in Firefox first? Never, ever use IE as a design guideline. It is old, buggy, non-standard and nine years behind web standards.

I do not see this white space you are talking about. Your page has 13 CSS errors and 68 html errors. I would ask you to fix those first before trying to fix this problem.
Sep 4 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by Wolfgang Jeltsch | last post: by
1 post views Thread by poofpoof | last post: by
3 posts views Thread by jimreesma | last post: by
10 posts views Thread by Julien | last post: by
1 post views Thread by ZEDKYRIE | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.