login  Naam:   Wachtwoord: 
Registreer je!
 Forum

volgorde div's en images IE (Opgelost)

Offline Emonk - 19/02/2011 11:38
Avatar van EmonkLid Beste, met het volgende HTML-bestand maak ik een website:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu">
  2. 	<div id="menu_items">
  3. 	Een menu
  4. 	<br><br><br></div>
  5. 	<img src="img/menu_end.png">
  6. </div>
  7. <div id="contents">
  8. 	<div id="contents_spacing"></div>
  9. 	<div id="contents_include">
  10. 	<br><br>
  11. 	Inhoud van de pagina
  12. 	</div>
  13. </div>
  14. <div id="div_banner"><img src="img/banner.png" id="img_banner" alt="Header"></div>
  15. <div id="div_konijntje"><img src="img/konijn.gif" id="img_konijntje" alt="Konijn uit de hoed"></div>


Het CSS-bestand dat erbij hoort:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. img#img_banner {
  2. 	width: 100%;
  3. 	height: 35%;
  4. 	position: fixed;
  5. 	left: 0px;
  6. 	top: 0px;
  7. }
  8. div#menu {
  9. 	position: absolute;
  10. 	width: 120px;
  11. 	top: 0px;
  12. 	left: 5%;
  13. 	text-align: center;
  14. 	margin: 0px;
  15. 	padding: 0px;
  16. }
  17. div#menu div#menu_items {
  18. 	padding: 200% 0% 0% 0%;
  19. 	background-image: url('http://goochelen.knome.nl/img/background_menu.png');
  20. }
  21. div#contents {
  22. 	position: absolute;
  23. 	top: 25%;
  24. 	height: 75%;
  25. 	width: 50%;
  26. 	left: 25%;
  27. 	overflow: auto;
  28. }
  29. img#img_konijntje {
  30. 	position: absolute;
  31. 	top: 85%;
  32. 	left: 0px;
  33. 	height: 15%;
  34. }


De bedoeling is (en dat werkt in FF en GC) dat het menu achter de banner komt te staan. Vandaar dat de banner later in het HTML-bestand staat. Echter, in IE werkt dit niet: kijk maar naar http://goochelen.knome.nl.

Hoe verhelp ik dit? Ik heb al gekeken naar z-index, maar ook dan werkt het niet...

3 antwoorden

Gesponsorde links
Offline valles10 - 19/02/2011 11:43
Avatar van valles10 HTML interesse zet je banner gewoon op position: absolute; en z-index: 999;
Offline Emonk - 19/02/2011 11:45
Avatar van Emonk Lid Oké, dank je - dat werkt nu. Ik hoef niet eens z-index te gebruiken.
Offline valles10 - 19/02/2011 14:33
Avatar van valles10 HTML interesse
Emonk schreef:
Oké, dank je - dat werkt nu. Ik hoef niet eens z-index te gebruiken.

Nee, idd, dat komt doordat z-index automatisch wordt aangewezen, o.a aan de volgorde van je divs
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s