login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[CSS] Div uitrekken

Offline DrB - 26/08/2006 16:05
Avatar van DrBHTML interesse Er zijn al topics over, maar ik kom er niet uit. Het gaat om het volgende:

Ik heb een div "Links" en een div "content" Als er meer tekst in komt dan het achtergrondplaatje lang is, moet de div uitrekken.
Het achtergrondplaatje is gewoon een kleur, dus geen figuur.

Wat codes:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="links"> </div>
  2.  
  3.  
  4. <div class="content"></div>


Css:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .links {
  2. 	float:left;
  3. 	width:175px;
  4. 	height:450px;
  5. 	text-align:left;
  6. 	background:url("images/links.jpg");
  7. 	background-repeat: no-repeat;
  8. }
  9.  
  10. .content {
  11. 	float:left;
  12. 	width:645px;
  13. 	height:450px;
  14. 	text-align:left;
  15. 	background:url("images/content.jpg");
  16. 	background-repeat: no-repeat;
  17. }



Ik las ergens dat ik gewoon een div moet aanmaken en dan daar het plaatje in moet doen met gewoon <img>. Ik hoop dat iemand het duidelijk kan uitleggen, wil het namelijk ook leren hoe ik het moet doen. Helaas nog geen voorbeeld.

11 antwoorden

Gesponsorde links
Offline CDNC - 26/08/2006 16:07 (laatste wijziging 26/08/2006 16:19)
Avatar van CDNC PHP ver gevorderde als het achtergond plaatje gewoon een kleur is? waarom dat niet gewoon de kleur in de css zetten ipv. met een plaatje?

als ie moet mee-rekken, geef dan gewoon geen breedte/hoogte op, dan past het zich aan.
Offline DrB - 26/08/2006 16:10 (laatste wijziging 29/08/2006 14:53)
Avatar van DrB HTML interesse Hmm ja dat van dat achtergrondplaatje is inderdaad een beetje omslachtig 

//

Hmmm ik wist niet dat het zo simpel was, sorry voor dit topic ;) Ik heb nu alleen de width laten staan en het werkt in ieder geval.

// update 29-08

Nog een vraagje over het uitrekken. Ik heb dus een menu links en daarnaast de content. Als de content uitrekt is het de bedoeling dat het menu ook meerekt. Nu rekt het wel mee, maar de achtergrond van het menu herhaalt zich dan niet.

De codes:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .links {
  2. 	float:left;
  3. 	width:204px;
  4. 	height:470px;
  5. 	text-align:left;
  6. 	background:url("images/rechts.jpg");
  7. 	background-repeat:repeat-y;
  8. }


php code - Bekijk de code zonder highlighting - Klap code in 
  1. .content {
  2. 	float:left;
  3. 	width:576px;
  4. 	height:470px;
  5. 	text-align:left;
  6. 	background:url("images/content.jpg");
  7. 	background-repeat:repeat-y;
  8. }


<div class="links">bladiebla</div>

<div class="content">bladiebla</div>

Het is dus de bedoeling dat ze allebei uitrekken.
Offline TheEagle - 29/08/2006 15:13
Avatar van TheEagle Lid Je geeft het menu een waarde mee, geen procenten, dus gaat ie niet verder dan 204 px, het is me zoiezo al een raadsel hoe die div dan wel uitrekt....

VOORBEELDJE?
Offline DrB - 29/08/2006 16:46
Avatar van DrB HTML interesse Wat bedoel je met een waarde? Dan moet ik toch juist wel % opgeven? Voorbeeldje zal ik even maken. 
Offline Ontani - 29/08/2006 17:11
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 een div zonder width of height rekt automatisch mee met z'n inhoud.
een div met width of height zal deze blijven houden en de inhoud zal gewoon uit de div gaan.
Offline DrB - 29/08/2006 18:21
Avatar van DrB HTML interesse Dat weet ik Ontani, maar als de content uitrekt blijft het menu staan. Klein voorbeeldje:

http://www.xedo.nl/temp/
Offline zamna - 29/08/2006 19:42
Avatar van zamna HTML beginner @DrB:
lees eens puntje 7  Het zal je zeker vooruit helpen.
http://home.sca...20tutorial
Offline DrB - 29/08/2006 21:21 (laatste wijziging 29/08/2006 21:21)
Avatar van DrB HTML interesse Uhmzz naja echt verder helpt het me niet  krijg namelijk dit:

Het spijt ons, de pagina die u zoekt, bestaat niet.

;-) thnx voor je reactie in ieder geval
Offline zamna - 29/08/2006 23:01 (laatste wijziging 02/09/2006 15:08)
Avatar van zamna HTML beginner probeer dit:

http://www.zamn...=divlayout
Offline Frisbee - 30/08/2006 10:52
Avatar van Frisbee HTML beginner ik zou hierbij voor deze oplossing gaan:
http://www.giga...umns-maken/

(uit de link die zamna poste)
Offline DrB - 30/08/2006 11:28
Avatar van DrB HTML interesse Dat is inderdaad wat ik zoek, bedankt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.244s