login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Divs over elkaar heen (Opgelost)

Offline Jaapjoop - 17/03/2008 20:54 (laatste wijziging 17/03/2008 21:10)
Avatar van JaapjoopNieuw lid Zou me iemand kunnen helpen met het volgende.
Ik heb een site waar een aan de linkerkant een balk staat, rechts daaraan vast een contentvak, en over beide moet een horizontale balk komen. Dit allemaal in css. Voor het design zie.http://www.l-esser.nl/design.png

Precies zoals op het plaatje wordt dit in Firefox weergegeven momenteel, echter in IE begin de horizontale balk en de footer pas rechts naast alles andere, waardoor de pagina dus heel breed wordt.

Heeft iemand de oplossing?

Mijn css code is als volgt:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. * {
  2. 	margin: 0;
  3. 	padding: 0;
  4. }
  5.  
  6. html, body {
  7. 	height: 100%;
  8. 	margin: 0px;
  9. 	background-color: #869ba0;
  10. }
  11.  
  12. #balk_links {
  13. 	position: relative;
  14.     background-color: #ffffff;
  15.     border: 0px ;
  16. 	margin-top: 0px;
  17. 	margin-bottom: 0px;
  18. 	height: 100%;
  19. 	width: 173px;
  20. 	margin-left: 0px;
  21. 	font-family: Tahoma;
  22. 	font-size: 12px;
  23. 	float: left;
  24.  
  25. } 	
  26.  
  27. #balk_horizontaal {
  28. 	position: absolute;
  29. 	background-image: url(../images/bg_balk_horizontaal.png);
  30. 	border: 0px;
  31. 	height: 96px;
  32. 	width: 100%;
  33. 	margin-top: 112px;
  34. 	margin-left: 0px;
  35. 	float: left;
  36. 	z-index: 1000;
  37. }
  38.  
  39. #content_vak {
  40. 	position: relative;
  41. 	background-color: #000000;
  42. 	color: #ffffff;
  43. 	border: 0px;
  44. 	margin-top: 0px;
  45. 	margin-left: 0px;
  46. 	height: 560px;
  47. 	width: 590px;
  48. 	float: left;
  49. 	font-family: Tahoma;
  50. 	font-size: 12px;
  51. }
  52.  
  53. #content_vak_header {
  54. 	position: absolute;
  55. 	background-color: #000000;
  56. 	width: 590px;
  57. 	height: 112px;
  58. }
  59.  
  60. #content_vak_tekst {
  61. 	position: absolute;
  62. 	background-color: #000000;
  63. 	margin-top: 208px;
  64. 	width: 590px;
  65. 	height: 340px;
  66. }
  67.  
  68. #footer {
  69. 	position: absolute;
  70. 	background-color: #000000;
  71. 	color: #ffffff;
  72. 	border: 0px;
  73. 	height: 22px;
  74. 	bottom: 0;
  75. 	margin-left: 0;
  76.     margin-right: auto;
  77.     width: 100%;
  78. }


Alvast bedankt!


Sorry, heb het al gevonden. Voor degene die het willen weten:
Z-index werkt alleen met div's die absolute gepositioneerd zijn.

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.165s