HTML and CSS RSS HTML and CSS RSS

Firefox leaves space with images

Reply
1 2

•
•
Join Date: Oct 2005
Posts: 1,283
Reputation: roryt will become famous soon enough roryt will become famous soon enough 
Solved Threads: 14
roryt's Avatar
roryt roryt is offline Offline
Nearly a Posting Virtuoso

Re: Firefox leaves space with images

 
1
  #11
Jan 5th, 2007
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
PhotoShopthis
FlyingPen
If I have helped you please add to my reputation
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2006
Posts: 31
Reputation: gcs584 is an unknown quantity at this point 
Solved Threads: 0
gcs584 gcs584 is offline Offline
Light Poster

Re: Firefox leaves space with images

 
1
  #12
Jan 6th, 2007
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.
Automatic Garage Doors - Garage door company
Garage Doors Blog - SEO diary
Pro Blogging - Earn money blogging
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2007
Posts: 12
Reputation: defeated is an unknown quantity at this point 
Solved Threads: 0
defeated defeated is offline Offline
Newbie Poster

Re: Firefox leaves space with images

 
0
  #13
Jan 11th, 2007
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
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2005
Posts: 1,283
Reputation: roryt will become famous soon enough roryt will become famous soon enough 
Solved Threads: 14
roryt's Avatar
roryt roryt is offline Offline
Nearly a Posting Virtuoso

Re: Firefox leaves space with images

 
0
  #14
Jan 11th, 2007
very glad we could help.
PhotoShopthis
FlyingPen
If I have helped you please add to my reputation
Reply With Quote Quick reply to this message  
Reply
1 2

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC