login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[CSS/HTML] Meerdere background-images (Opgelost)

Offline Joost - 28/08/2008 15:34 (laatste wijziging 28/08/2008 15:39)
Avatar van JoostPHP expert Beste sima's,


Ik heb deze code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  4.  
  5.  
  6.  
  8.  
  9. 	<link rel="shortcut icon" href="img/favicon.ico">
  10.  
  11.   	<link href="includes/css.css" rel="stylesheet" type="text/css">
  12.  
  13. 	<title>-</title>
  14.  
  15. </head>
  16.  
  17.  
  18.  
  20.  
  21.  
  22. <div class='header'></div>
  23. <div class='menu_off'></div>
  24.  
  25. </body>
  26. </html>


Met deze CSS:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.header {
  2. 	width: 900px;
  3. 	height: 115px;
  4. 	background-image: url("../img/header_bg.jpg");
  5. 	background-repeat: no-repeat;
  6. 	background-attachment: fixed;
  7. 	margin: 0px; 
  8. 	vertical-align: bottom;
  9. }
  10.  
  11.  
  12.  
  13. div.menu_off {
  14. 	width: 102px;
  15. 	height: 56px;
  16. 	background-image: url("../img/menu.png");
  17. 	background-repeat: no-repeat;
  18. 	background-attachment: fixed;
  19. 	margin: 0px;
  20. 	border: 1px solid #ffffff;
  21. }



Als ik deze bekijk in Firefox, zie ik alleen de achtergrond van de div 'header', en niet die van de div 'menu_off'.
Haal ik echter het regeltje:
[code=html4strict]<div class='header'></div>[/html]
weg, zie ik hem wel.

In beide gevallen zie ik wel de witte border om de 'menu_off' div.

Hoe krijg ik beide achtergronden tegelijk erop?

5 antwoorden

Gesponsorde links
Offline Pieter - 28/08/2008 15:43
Avatar van Pieter Gouden medaille

SEO guru		 Allebei je afbeeldingen staan fixed op margin 0. Dus div menu_off staat achter je header en is dus niet zichtbaar.
Offline Ontani - 28/08/2008 16:08
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Maar de divs zitten toch niet in elkaar. Dus eigenlijk zouden die divs gewoon onder elkaar moeten staan...
Offline Pieter - 28/08/2008 16:16
Avatar van Pieter Gouden medaille

SEO guru		 Doh, idd. Heb ook je code eens gekopieerd, bij mij staat het netjes onder elkaar in firefox. Heb je anders een linkje naar jou files?
Offline Joost - 28/08/2008 16:18 (laatste wijziging 28/08/2008 16:19)
Avatar van Joost PHP expert Het is opgelost, je eerste post was de oplossing.  
Offline Ontani - 29/08/2008 00:27
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 dat is ongeveer de meest onlogische oplossing die ik ooit gezien heb.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.18s