login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Background position

Offline tomie94 - 16/02/2009 16:12
Avatar van tomie94PHP interesse Hallo,

Ik heb de volgende code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="info-list">
  2. 								<div class="info-list-item"></div>
  3. 								<div class="info-list-item">
  4. 									<div style="font-weight: bold; float: left; width: 25%;">1. Ons Net</div>
  5. 									<div style="float: right; width: 75%; text-align: left;">Standaard (Glasvezel)</div>
  6. 								</div>
  7.  
  8. 								<div class="info-list-item">
  9. 									<div style="font-weight: bold; float: left; width: 25%;">1. Ons Net</div>
  10. 									<div style="float: right;; width: 75%; text-align: left;">Standaard (Glasvezel)</div>
  11. 								</div>
  12. 								<div class="info-list-item">
  13. 									<div style="font-weight: bold; float: left; width: 25%;">1. Ons Net</div>
  14. 									<div style="float: right; width: 75%; text-align: left;">Standaard (Glasvezel)</div>
  15. 								</div>
  16. 								<div class="info-list-item">
  17. 									<div style="font-weight: bold; float: left; width: 25%;">1. Ons Net</div>
  18. 									<div style="float: right; width: 75%; text-align: left;">Standaard (Glasvezel)</div>
  19. 								</div>
  20.  
  21.  
  22. 							</div>


hierbij hoort de volgende css:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .info-list .info-list-item
  2. {
  3. 	background-image: url('images/list-bg.png');
  4. 	background-position: left bottom;
  5. 	background-repeat: no-repeat;
  6. 	padding-bottom: 4px;
  7. 	width: 100%;
  8. 	height: auto;
  9. }


als ik deze code nu in ie7 bekijk, ziet het er goed uit, maar in ff3 is het een groote rotzooi, de background position klopt niet, weet iemand waar dit aan kan liggen??

Tom

Screenshots:

internet explorer 7: http://img22.im...031lm4.gif
firefox3: http://img9.ima...989sr5.gif

1 antwoord

Gesponsorde links
Offline Xan - 16/02/2009 17:21
Avatar van Xan HTML interesse Voeg eens overflow:hidden; toe, wat gebeurd er dan?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.176s