login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 divjes min. 100% beeld

Offline CHIR - 01/06/2007 17:09
Avatar van CHIRNieuw lid Ik zit ff met een klein probleempje.
Ik kan pagina's maken waarbij er in de pagina een zogenaamde top-div, midden-div en bottom-div staat, waarbij de boven en onderdiv een vaststaande hoogte hebben en de midden-div de resterende lengte opvult. Dit ongeveer zoals in onderstaande code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. *{
  3. padding:0;
  4. margin:0;
  5. }
  6. p {
  7. padding: 1em 0;
  8. line-height: 1.5em;
  9. }
  10. html, body {
  11. height: 100%;
  12. text-align: center;
  13. }
  14. #container {
  15. width: 700px;
  16. margin: 0 auto;
  17. text-align: left;
  18. position: relative;
  19. min-height: 100%;
  20. height: auto !important;
  21. height: 100%;
  22. background: #FFF;
  23. border-left: 1px solid #555;
  24. border-right: 1px solid #555;
  25. }
  26. #header{
  27. 	padding-left:20px;
  28. 	height:110px;
  29. 	border-bottom: 1px solid #555;
  30. }
  31. #inhoud {
  32.   	padding: 0 2em 60px 2em;
  33. }
  34. #footer {
  35. border-top: 1px solid #555;
  36. position: absolute;
  37. bottom: 0;
  38. width: 100%;
  39. height: 40px;
  40. }
  41. </style>

Ik wil nu echter twee divjes naaste elkaar hetzelfde idee laten doen als het midden-div dat zoals bovenstaand doet. Ik krijg het echter maar niet voor elkaar. Iemand iedeën/oplossingen?

(kan zijn dat dit soort bericht al eerder op het forum is geplaatst, maar ik heb het nergens kunnen vinden..)

3 antwoorden

Gesponsorde links
Offline Dolfje - 01/06/2007 23:42
Avatar van Dolfje Gouden medailleGouden medailleGouden medaille

PHP ver gevorderde		 gebruik:
<div style='float:left'></div>
en
<div style='float:right'></div>

Dit zet die div langs de linkerkant en rechterkant van de div waarachter het staat. 
Offline CHIR - 04/06/2007 10:34
Avatar van CHIR Nieuw lid heb ik al geprobeerd, maar dit zorgt er nog niet voor dat beide div's even lang worden als er in de ene div meer inhoud (veel) staat en de andere niet.
Heb je hier een oplossing voor?
Offline marten - 04/06/2007 10:35
Avatar van marten Beheerder Wat ik altijd doe is op google zoeken naar css templates. Hierbij zoek ik vervolgens de layout die ik wil. Zo heb je de css hacks erbij.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.179s