login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Background verdwijnt in FF

Offline FransB - 21/01/2007 14:10
Avatar van FransBNieuw lid Dames en heren

mag ik een beroep doen op jullie expertise? Ik zit namelijk met een probleem dat mijn CSS niet goed wordt weergegeven in FireFox. Ja u leest het goed. In Fire Fox. Dit keer niet in IE.

Wat wil het geval ... op de site van Diveworks (http://www.diveworks.nl/) verdwijnt namelijk de background die ik heb gedeclareerd in de #wrapper. In IE wordt deze gewoon getoond. Kan iemand mij vertellen wat er mis gaat en waarom FF dit doet?

  1. #wrapper {
  2. width: 580px;
  3. background: #fff url("images/sidebar.gif") repeat-y;
  4. background-position: 0 0;
  5. border: solid 10px #fff;
  6. margin: 0 auto;
  7. text-align: left;


Ik hoop dat iemand de oplossing weet.

8 antwoorden

Gesponsorde links
Offline Grayen - 21/01/2007 14:53 (laatste wijziging 21/01/2007 14:55)
Avatar van Grayen PHP ver gevorderde Het is maar een gokje, maar probeer dit eens:

  1. #wrapper {
  2. width: 580px;
  3. background: #fff url("http://www.diveworks.nl/images/sidebar.gif") repeat-y;
  4. background-position: 0 0;
  5. border: solid 10px #fff;
  6. margin: 0 auto;
  7. text-align: left;
  8. }


Ik heb namelijk ook wel eens gehad (ik weet niet of IE hem wel zag, want daarin heb ik het niet getest) dat hij het achtergrond afbeelding niet liet zien, terwijl de css code correct was. Toen deed ik de volledige url ernaar toe en deed hij het wel, dus misschien helpt het bij jouw ook wel.
Offline FransB - 21/01/2007 17:33
Avatar van FransB Nieuw lid Helaas ... dat mocht niet baten. Ik heb het geprobeerd. Maar hij blijft de sidebar.gif niet weergeven.

Erg vreemd allemaal want volgens mij is de code inderdaad goed zoals je opmerkte.

Misschien dat iemand anders nog een idee heeft
Offline MindPrison - 21/01/2007 17:46 (laatste wijziging 21/01/2007 17:47)
Avatar van MindPrison PHP gevorderde
  1. #wrapper {
  2. width: 580px;
  3. background-image: url(images/sidebar.gif) repeat-y;
  4. background-color: #FFFFFF;
  5. background-position: top left;
  6. border: 10px solid #FFFFFF;
  7. margin: 0px auto;
  8. text-align: left;
  9. }

Ook een gokje 
De url() moet trouwens zonder " bij mijn weten...
Offline Nanon - 21/01/2007 17:49
Avatar van Nanon PHP interesse En wat als je alle background items apart neerzet;

  1. #wrapper {
  2. width: 580px;
  3. background-image: url(images/sidebar.gif);
  4. background-repeat: repeat-y;
  5. background-color: #ffffff;
  6. background-position: 0 0;
  7. border: 10px solid #ffffff;
  8. margin: 0 auto;
  9. text-align: left;
  10. }
Offline FransB - 21/01/2007 18:02
Avatar van FransB Nieuw lid Ook dit is helaas niet de oplossing ... ik heb het geprobeerd, maar hij blijft het verkeerd weergeven. Ik snap er echt niks meer van
Offline Skelton - 21/01/2007 18:17 (laatste wijziging 21/01/2007 18:19)
Avatar van Skelton Nieuw lid Je div #footer steekt niet in je div #wrapper ;)

en dan even dit veranderen in je css
  1. #footer {
  2. clear: both;
  3. width: 580px;
  4. margin: 0 auto;
  5. background: #333;
  6. border-left: 10px solid #fff;
  7. border-right:10px solid #fff;
  8. border-bottom: 10px solid #fff;
  9. }

naar
  1. #footer {
  2. clear: both;
  3. width: 580px;
  4. margin: 0 auto;
  5. background: #333;
  6. border-bottom: 10px solid #fff;
  7. }
Offline FransB - 21/01/2007 18:33
Avatar van FransB Nieuw lid YESYESYES

Hoe is het mogelijk. Ik had nooit gedacht dat de oplssing in de footer zat. Je hebt helemaal gelijk. Ik heb hier dagen op zitten puzzelen en moest mijn toevlucht tot een forum nemen.

Mag ik je hartelijk danken Skelton ... je hebt mijn weekend weer goed gemaakt.
Offline Skelton - 21/01/2007 18:39
Avatar van Skelton Nieuw lid Graag gedaan ;)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s