login  Naam:   Wachtwoord: 
Registreer je!
 Forum

probleem met div layout (Opgelost)

Offline doll - 27/12/2008 10:00
Avatar van dollNieuw lid hallo,

ik ben tijdje geleden begonnen met leren over css en div,
ik ben nu al best blij met het resultaat, maar ik heb een probleem;
soms staat er meer tekst in m'n menu, soms staat er meer tekst in m'n content. wat er dan gebeurt is dat je een stuk van de achtergrond ziet, maar ik wil dat ze alletwee tegen de footer komen.

site, misschien handig?

6 antwoorden

Gesponsorde links
Offline zointer - 27/12/2008 10:37
Avatar van zointer HTML gevorderde doe het zo:
html:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="groot">
  2.   <div id="content">Content</div>
  3.  
  4.   <div id="footer">Footer</div>
  5.  </div>

css:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #groot{
  2.        background: #d4d1bc;
  3. }
Offline doll - 27/12/2008 11:48
Avatar van doll Nieuw lid ja zo heb ik het ook staan, maar dat werkt niet.

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container{
  2. 	margin: 0px auto;
  3. 	padding: 0px;
  4. 	width: 429px;
  5.         height:auto;
  6.         }
  7.  
  8. #header {
  9. 	color: white;			
  10. 	background-image:url(http://i250.photobucket.com/albums/gg247/DOLLx3BART/LAYOUT_04/1.png);	
  11. 	width: 429px;			
  12. 	height: 238px;	
  13. 	}
  14.  
  15. #content {
  16. 	color: #000000;			
  17. 	background: #d4d1bc;		
  18. 	width: 329px;			
  19. 	min-height: 200px;
  20. 	float: left;
  21. 	}
  22.  
  23. #navi   {
  24. 	color: #000000;			
  25. 	background: #d4d1bc;		
  26. 	width: 100px;			
  27. 	float: left;
  28. 	}
  29.  
  30. #footer {
  31. 	color: white;		
  32. 	background-image:url(http://i250.photobucket.com/albums/gg247/DOLLx3BART/LAYOUT_04/3.png);
  33. 	background-attachment: scroll; 
  34. 	background-position: top center; 
  35. 	background-repeat: no-repeat;
  36. 	width: 429px;
  37. 	height: 3px;
  38. 	clear: both;
  39. 	}


en zo ziet die home.html eruit:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="container">
  2. <div id="header"></div>
  3.  
  4. <div id="navi"><center>
  5.  
  6. <a class="nav" href="http://www.freewebs.com/hybridhearts/lyt_04/work.html"> WORK </a> 
  7. <a class="nav"href="http://www.freewebs.com/hybridhearts/lyt_04/about.html"> ABOUT </a> 
  8. <a class="nav" href="http://www.freewebs.com/hybridhearts/lyt_04/contact.html"> CONTACT </a> 
  9. <a class="nav" href="http://www.freewebs.com/hybridhearts/lyt_04/exits.html"> EXITS </a>
  10. <a class="nav" href="http://www.freewebs.com/hybridhearts/lyt_04/home.html"> HOME </a>
  11.  
  12. </center></div>
  13.  
  14. <div id="content">
  15. <h1>welcome!</h1><BR>
  16. Dit is <B>NEVERMORE</B>, mijn online portfolio. 
  17. <BR><BR>
  18. .
  19. </div>
  20.  
  21. <div id="footer"></div>
  22. </div>
Offline zointer - 27/12/2008 12:07
Avatar van zointer HTML gevorderde Jij hebt niet eens iets veranderd laat staan dat je mijn oplossing eens hebt geprobeerd, die werkt prefect.
Offline doll - 27/12/2008 12:18
Avatar van doll Nieuw lid ja kijk die staat er al in snapje,
groot = container

en bij content hoort de menu ook nog.
wat moet ik doen dan de achtergrond kleur veranderen?
Offline zointer - 27/12/2008 12:28
Avatar van zointer HTML gevorderde
doll schreef:
ja kijk die staat er al in snapje,
groot = container

en bij content hoort de menu ook nog.
wat moet ik doen dan de achtergrond kleur veranderen?

Nee, je ziet niet wat ik post, ik zet er namelijk een div rond en noem die groot dus zo:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="groot"><!--zet ik er bij-->
  2.   <div id="content">Content</div>
  3.  
  4.   <div id="footer">Footer</div>
  5.  </div><!--en sluit af achter footer-->
Offline doll - 27/12/2008 12:58 (laatste wijziging 27/12/2008 13:01)
Avatar van doll Nieuw lid moet je er dan ook nog een maken voor de content en de footer alleen?

**zointer, bedankt. ik snapte het eerst niet. 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.193s