login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Automatische kolom hoogte (Opgelost)

Offline eLIX - 12/02/2008 19:00
Avatar van eLIXNieuw lid Hallo,

ik zit hier met een probleempje dat ik niet opgelost krijg.
Mijn probleem is het volgende:

Ik heb volgende html:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="content">
  2.         <div id="eurekaInfo">
  3.  
  4.         </div>
  5.  
  6. 	<div id="eurekaServices">
  7.  
  8. 	</div>
  9. </div>


En volgende css:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #content {
  2. 	width: 931px;
  3. 	background-color: #FFFFFF;
  4. 	background-image: url(images/content_bg.jpg);
  5. 	background-repeat: repeat-x;
  6. 	margin-left: 9px;
  7. 	margin-top: 1px;
  8. 	min-height: 300px;
  9.  	height: auto !important;
  10.   	height: 300px;
  11. }
  12.  
  13. #eurekaInfo {
  14. 	float: left;
  15. 	position: absolute;
  16. 	top: 430px;
  17. 	margin-left: 25px;
  18. 	width: 550px;
  19. }
  20.  
  21. #eurekaServices {
  22. 	float: right;
  23. 	position: absolute;
  24. 	top: 430px;
  25. 	margin-left: 600px;
  26. }


De bedoeling is dus dat mijn content div zich automatisch aanpast van hoogte naargelang de content die erin staat.
Dit werkt zolang ik niet werk met die eurekaInfo en eurekaServices kolommen.
Dus als er direct na de content div tekst komt dan werkt het. Maar tekst in div's onder de content div dat werkt blijkbaar niet.

Iemand die mij hierbij kan helpen?

Thnx!

6 antwoorden

Gesponsorde links
Offline WimJ - 12/02/2008 19:38
Avatar van WimJ Grafische gevorderde Position: absolute; weghalen in beide divs ?
Offline eLIX - 12/02/2008 20:04
Avatar van eLIX Nieuw lid Nope dat heeft niet geholpen.
Offline Pieter - 12/02/2008 20:07
Avatar van Pieter Gouden medaille

SEO guru		 Haal die absolutes eens weg en alles wat je over hoogte in je css hebt in de content div styling.

Plaats onder de 2 kolommen nog een divje met float: none;
Offline eLIX - 12/02/2008 20:24
Avatar van eLIX Nieuw lid Nee dat is het ook niet.

Ik weet niet of het van belang is maar boven en onder mijn content div heb ik nog andere div's staan...

Alvast bedankt voor de snelle reacties!
Offline Pieter - 12/02/2008 22:24
Avatar van Pieter Gouden medaille

SEO guru		 Misschien kan je dan eens je online voorbeeld tonen? Dan valt het wat makkelijker te zien (en ook te proberen met een developer toolbar).
Offline eLIX - 13/02/2008 10:46 (laatste wijziging 13/02/2008 13:22)
Avatar van eLIX Nieuw lid Bij deze:

http://users.skynet.be/bk292273/Eureka/

Nog steeds hetzelfde probleem.
Als ik tekst direct onder de content div zet verandert de hoogte wel. Maar dus niet als de tekst in de kolommen staat.

EDIT: Ik heb de oplossing gevonden. Ipv de eerder vermelde regel <div style="float: none;"></div> toe te voegen onder de kolom div's moet deze regel vervangen worden door <div style="clear: both;"></div>

Toch bedankt voor de reacties!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s