login  Naam:   Wachtwoord: 
Registreer je!
 Forum

geneste div probleem?

Offline rolandt - 23/12/2007 22:07 (laatste wijziging 23/12/2007 22:09)
Avatar van rolandtNieuw lid In IE komt het er uit te zien zoals het bedoeld was. Op 1 puntje na. Ik had verwacht dat box 1 t/m 3 genest zit in div id=”body_middle”. En dit lijkt niet het geval te zijn.

In FF gaat het helemaal fout. Het lijkt wel of er geen enkele div genest zit
Het achtergrond plaatje wordt niet getoond wanneer deze div=”body_container” op height:auto staat. Geef ik deze height een hoogte mee dan wordt deze wel getoond.
Mja dan is de pagina niet flexibel meer.

Ik had verwacht dat de div=”body_container” waar alles genest inzit mee zou groeien in hoogte als een van de andere div’s hoger wordt. Dit lijkt niet in FF te gebeuren.
In IE doet deze div van wat ik er van verwacht en laat hij wel de achtergrond plaatje zien. Dan lijkt het wel of alles wel weer genest is. Raar snappen jullie dit nou?
Wat gaat hier allemaal fout?

Groet,
Roland.

hmtl
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="body_container">
  2. 	<div id="body_header">logo</div>
  3. 	<div id="body_middle">container box bovenkant
  4. 		<div class="body_middle_left">box 1</div>
  5. 		<div class="body_middle_mid">box 2</div>
  6. 		<div class="body_middle_right">box 3</div>
  7. 		container box onderkant
  8. 	</div><!-- einde body_middle -->
  9. </div><!-- einde body_container -->


css
php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	background-color:#FCFDFE; 
  3. 	text-align:center;
  4. 	color:#333;
  5. 	margin:0;
  6. 	padding:0;
  7. 	} 
  8.  
  9. div#body_container {
  10. 	background: url(../img/background.jpg) repeat-y center; 
  11. 	border-left:solid 1px #CCC;
  12. 	border-right:solid 1px #CCC;
  13. 	margin:0 auto 0 auto;
  14. 	width:976px;
  15. 	height:auto;	
  16. 	}	
  17.  
  18. div#body_header {
  19. 	background-color:orange;
  20. 	width:auto;
  21. 	height:151px;	
  22. 	}
  23.  
  24. div#body_middle {
  25. 	width:100%;
  26. 	height:auto;
  27. 	}
  28.  
  29. div.body_middle_left {
  30. 	float:left;
  31. 	width:40%;
  32. 	height:450px;
  33. 	border:1px dotted blue; 
  34. 	}
  35.  
  36. div.body_middle_mid {
  37. 	background-color:yellow;
  38. 	float:left;
  39. 	width:20%;
  40. 	height:450px;
  41. 	border:1px dotted yellow; 
  42. 	}
  43.  
  44. div.body_middle_right {
  45. 	float:left;
  46. 	width:39%;
  47. 	height:450px;
  48. 	border:1px dotted blue; 
  49. 	}

1 antwoord

Gesponsorde links
Offline sir_green - 29/12/2007 20:20
Avatar van sir_green PHP interesse Ik zit met exact hetzelfde probleem.

Het is opgelost als je de de float weghaalt, maar ja dan gaan er weer andere dingen fout.

Heeft er iemand enig idee hoe dit opgelost kan worden?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.181s