login  Naam:   Wachtwoord: 
Registreer je!
 Forum

achtergrondkleur menu doorlopen

Offline san - 02/01/2010 14:33 (laatste wijziging 02/01/2010 14:34)
Avatar van sanHTML interesse Ik heb een webpagina met een header, het menu links en de inhoud. Als de inhoud wat langer wordt rekt de pagina mee. Nu is het niet zo dat de rode achtergrondkleur van het menu meeloopt. Die blijft gewoon hetzelde. Hoe kan ik dat wel voor elkaar krijgen. Dit is op dit moment mijn code.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body  {
  2. 	font-family: Arial, Verdana, Helvetica, sans-serif;
  3. 	font-size: 17px;
  4. 	background: #white;
  5. 	color: #000000;
  6. 	margin:0;
  7. 	padding: 0;
  8. 	height: 100%;
  9. 	width: 100%;	
  10. }
  11.  
  12. .twoColFixLtHdr #container {
  13.          position: absolute;
  14.          margin: auto; 
  15.          top:50%; 
  16.          left:50%;  
  17.          margin-left:-490px; 
  18.          margin-top:-305px; 
  19.          min-height: 610px;
  20. 	width: 980px;
  21. 	background: #blue;	
  22. 	border: 2px solid #FFFFFF;
  23. } 
  24.  
  25. .twoColFixLtHdr #header { 
  26.    background: #red; 
  27. 	text-align: center;
  28. 	height: 80px;
  29. } 
  30.  
  31. .twoColFixLtHdr #sidebar1 {
  32.         	float: left; 
  33. 	width: 160px;
  34. 	height: 100%;
  35. 	background: #red;
  36. 	text-align: center;
  37. }

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <body class="twoColFixLtHdr">
  2.  
  3. <div id="container"> 
  4.   <div id="header">
  5.   <img src="logo.png" width="500" height="90" alt="">
  6. </div>
  7.  
  8. 	<div id="sidebar1">
  9.  
  10.       <a href="menu1">
  11.            <img src="menu/menu1.png" width="149" height="100" border="0" alt=""</a>
  12.   <br><a href="menu/menu2.html"><img src="menu/menu2.png" width="149" height="100" border="0"alt=""></a> 
  13.   <br><a href="menu/menu3.html"><img src="menu/menu3.png" width="149" height="100" border="0"alt=""></a>
  14.   <br><a href="menu/menu4"><img src="menu/menu4.png" width="149" height="100" border="0"alt=""></a>
  15.   <br><a href="menu/menu5"><img src="menu/menu5.png" width="149" height="100" border="0"alt=""></a> 
  16.  
  17. 											</div>
  18.  
  19. </div>
  20.  
  21.  
  22. <div id="mainContent">
  23.   <div style="height: 37px; width: 350px; margin-bottom: 20px;"> 
  24.     <img src="kop/titel-home.png" height="37" width="350" alt="">
  25. </div> 
  26.  
  27.      Tekst.tekst.ect.ect.
  28. </div>  
  29.  
  30.  
  31.  
  32.    </body>  
  33. </html>

9 antwoorden

Gesponsorde links
Offline UpLink - 02/01/2010 14:58 (laatste wijziging 02/01/2010 15:01)
Avatar van UpLink ... Volgens mij ligt dat een je height's...
Offline san - 12/01/2010 13:19
Avatar van san HTML interesse Ik heb inmiddels al van alles geprobeerd maar het lukt me op geen enkele manier. De achtergrondkleur van de sidebar blijft doorlopen tot waar de menu.png's lopen(op zich wel logisch). Maar ik weet niet hoe ik het voor elkaar krijg de achtergrond tot onder door te laten lopen(dus tot de hoogte van de container).
Offline Hatredkeys - 12/01/2010 13:39
Avatar van Hatredkeys Nieuw lid heb je het online staan?
Offline Hatredkeys - 12/01/2010 13:39 (laatste wijziging 12/01/2010 13:39)
Avatar van Hatredkeys Nieuw lid [DELETE]
Offline san - 12/01/2010 16:06
Avatar van san HTML interesse Nee staat niet online. Is nog in opmaak.
Offline WouterPSV - 12/01/2010 17:00 (laatste wijziging 12/01/2010 17:15)
Avatar van WouterPSV Lid Ik zal je code eens valideren.
Je opent dingen die je niet afsluit.

background: #red; ???
- Volgens mij is het background: #FF0000; of background: red;

Container hoort om hele pagina heen niet om een apart deel. Jij hebt hem nu alleen om je header heen.

En je Maincontent??? Waar is die in je CSS ??

================================
EDIT:
================================

Het is daarnaast volgens mij niet mogelijk dat je Menu en Content gelijke hoog aan elkaar zijn. Zou je kunnen oplossen om dit stukje ouderwets in tabellen te doen.
Offline san - 12/01/2010 17:25
Avatar van san HTML interesse Wat betreft die kleur heb ik in mijn code ook inderdaad als #.......Had even de kleurnaam vermeld ter verduidelijking van het probleem dat de rode kleur niet doorloop.
Wat betreft de code; ik zie verder geen dingen die ik geopend heb maar niet gesloten. Welke zijn dat dan.
De container zit volgens mij ook om de hele pagina en niet alleen om de header. Ik sluit deze nl. op regel 28 af.
Offline WouterPSV - 12/01/2010 17:35 (laatste wijziging 12/01/2010 17:35)
Avatar van WouterPSV Lid Ja oke nu je het zeg even dom gekeken van mij. Kwam door inspringen. Wat je misschien ook nog zou kunnen doen is.

Een div om je menu en content heen. dan zorgen dat beiden opgevuld worden van boven tot aan beneden. Zodra één groter word dat die andere dus mee gaat. Maar volgens mij heb je dan dubbel.

Ik zou het als die niet lukt oplossen met een tabelletje. En daar dan gewoon je classes gebruiken
Offline san - 12/01/2010 17:40
Avatar van san HTML interesse De code staat inderdaad niet helemaal netjes. Ga deze 2 mogelijkheden proberen. Thanx tot zover.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s