943,706 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Firefox leaves space with images
Ad:
You are currently viewing page 2 of this multi-page discussion thread; Jump to the first page
Permalink
Jan 5th, 2007
1

Re: Firefox leaves space with images

I think I have almost sorted it for you but I cannot get rid of one of the gaps. You need to use the following css (please make a backup of your old one first):

css Syntax (Toggle Plain Text)
  1. body {
  2.     font-family : Verdana, Arial, Helvetica, sans-serif;
  3.     font-size : 12px;
  4.     color : #186565;
  5.     background-color : #fff;
  6.     background-image:url(images/bg.gif);
  7.     letter-spacing:1px;    
  8.     border:0;
  9.  
  10.  
  11. } 
  12. #nav img { 
  13. padding: 0;
  14. margin: 0;
  15. border: 0;
  16. }
  17. body, td, th {
  18. color : #000000;    
  19. }
  20. a:link {
  21.     color: #000000;
  22. }
  23. a:visited {
  24.     color: #000000;
  25. }
  26. a:hover {
  27.     color: #A06047;
  28. }
  29. a:active {
  30.     color: #000000;
  31. }
  32. #container {
  33. width : 780px; 
  34. height : 726px;
  35. margin-right : auto; 
  36. margin-left : auto;
  37. } 
  38. #banner {
  39. width:780px;
  40. height:130px;
  41. background-color:#C1D4FF;    
  42. padding: 0px;
  43. border: 0px;
  44. margin: 0px;
  45. }
  46. #nav {
  47. width:780px; 
  48. height: 78px;
  49. border-width: 0px;
  50. margin: 0px;
  51. padding: 0px;
  52. margin-bottom: 0px;
  53. background-color:#C1D4FF;
  54. line-height: 0px;
  55. }
  56. #content {
  57. height:450px; 
  58. width : 780px;
  59. padding:0;
  60. margin-top: 0px;
  61.  
  62. border-width: 0px;
  63. background-repeat:no-repeat; 
  64. background-color:#C1D4FF;
  65. background-image:url(images/contentbg.gif);
  66. } 
  67. #content img {
  68. float:right; 
  69. padding: 0;
  70. margin: 0;
  71. border: 0;
  72. }
  73. #pics {
  74. width:350px;
  75. height:225px;
  76. float:left;
  77. padding:3px;
  78. }
  79. #pics img {
  80. padding-right:5px;
  81. padding-bottom:5px;
  82. float:left; 
  83. padding: 0;
  84. margin: 0;
  85. border: 0;
  86. }
  87. #footer {
  88. height:30px; 
  89. width : 780px;
  90. padding:2px;
  91. background-color:#C1D4FF;
  92.  
  93. } 
  94. #footer img { 
  95. padding: 0;
  96. margin: 0;
  97. border: 0;
  98. }
  99. .style1 {
  100.     font-size: 18px;
  101.     font-weight: bold;
  102. }
  103. h1 {
  104. font-family:"Times New Roman", Times, serif;
  105. font-weight:bold;
  106. font-size:24px;
  107. }
  108. img {
  109. padding: 0px;
  110. margin: 0px;
  111. border-width: 0px;
  112.  
  113. }

Hope that helps
Reputation Points: 178
Solved Threads: 15
Nearly a Posting Virtuoso
roryt is offline Offline
1,282 posts
since Oct 2005
Permalink
Jan 6th, 2007
1

Re: Firefox leaves space with images

Hi,

I often have vertical spaces between two div's. Often what I end up using is:

HTML and CSS Syntax (Toggle Plain Text)
  1. line-height: 0;
I've taken a quick look at the code of the different sites mentioned, and it seems that the above css should fix it (if you apply it to the DIV).

Regards,

GCS584

[EDIT:] I don't have/use IE so, it's difficult for me to tell which spaces you're talking about
Last edited by gcs584; Jan 6th, 2007 at 9:12 am.
Reputation Points: 11
Solved Threads: 0
Light Poster
gcs584 is offline Offline
31 posts
since Oct 2006
Permalink
Jan 11th, 2007
0

Re: Firefox leaves space with images

between roryt's code change and gcs584's suggestion both sites are displaying beautifully.. Thanks so much to all who helped, I only hope I can somehow return the favour in the future...
Take care
Mark

PS you are both going to get a rep nod right now
Reputation Points: 10
Solved Threads: 0
Newbie Poster
defeated is offline Offline
12 posts
since Jan 2007
Permalink
Jan 11th, 2007
0

Re: Firefox leaves space with images

very glad we could help.
Reputation Points: 178
Solved Threads: 15
Nearly a Posting Virtuoso
roryt is offline Offline
1,282 posts
since Oct 2005

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Css help for a newbie -- HELP !!
Next Thread in HTML and CSS Forum Timeline: i have some prb any one help me





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC