473,219 Members | 1,676 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,219 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 1916
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

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

Similar topics

2
by: Wolfgang Jeltsch | last post by:
Hello, it is often convenient to insert whitespace into an XML document in order to format it nicely. For example, take this snippet of a notional DocBook XML document: <para> This is a...
1
by: poofpoof | last post by:
hi all, if that can help somebody.... feedback welcome <html> <head> <style type="text/css">
11
by: Darren Anderson | last post by:
I have a function that I've tried using in an if then statement and I've found that no matter how much reworking I do with the code, the expected result is incorrect. the code: If Not...
3
by: jimreesma | last post by:
To the appropriate committee folks, The current proposed resolution of issue #309 (http://www.open-std.org/jtc1/sc22/wg21/docs/lwg-active.html#309) is unacceptable. I write commerical...
10
by: Julien | last post by:
Hi, I'm fairly new in Python and I haven't used the regular expressions enough to be able to achieve what I want. I'd like to select terms in a string, so I can then do a search in my database....
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
0
by: veera ravala | last post by:
ServiceNow is a powerful cloud-based platform that offers a wide range of services to help organizations manage their workflows, operations, and IT services more efficiently. At its core, ServiceNow...
0
by: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: mar23 | last post by:
Here's the situation. I have a form called frmDiceInventory with subform called subfrmDice. The subform's control source is linked to a query called qryDiceInventory. I've been trying to pick up the...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...

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.