login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Plaatje uitrekken

Offline tomie94 - 22/10/2007 12:40
Avatar van tomie94PHP interesse Hallo Sima's

Is er een manier met css dat als de tekst te lang is de div uitrekt. want nu al ik er te veel text op heb staat loopt het door. dit wil ik dus niet

Allvast bedankt!

19 antwoorden

Gesponsorde links
Offline Ibrahim - 22/10/2007 12:43
Avatar van Ibrahim PHP expert volgens mij kun je dat zo doen:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .divje {
  2.  
  3.     min-height : <jeminimalehoogte>px
  4.     height       : auto;
  5. }
Offline tomie94 - 22/10/2007 12:44 (laatste wijziging 22/10/2007 14:23)
Avatar van tomie94 PHP interesse oke ik zal het zo uitproberen!

EDIT: Werkt niet:-(

Als het te lange text is loopt het in ie en ff nog gewoon over de div...

De css:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div#container            
  2. { 
  3. margin: 0 auto; 
  4. width: 799px; }
  5. div#header                
  6. { 
  7. background: url(http://localhost/~color/images/index_01.gif) left top no-repeat; 
  8. height: 136px; 
  9. }
  10.  
  11. div#menu                
  12. { 
  13. background: url(http://localhost/~color/images/index_02.gif) left top repeat-x; 
  14. height: 56px; 
  15. }
  16.  
  17.  
  18.  
  19. div#content                
  20. {
  21. width: 800px; 
  22.  
  23. background: url(http://localhost/~color/images/index_04.gif) left top repeat-x;
  24. max-width: 800px;
  25. min-height: 300px;
  26. height: auto;
  27.  
  28. }

HTML:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>

  2. <head>

  3. <title>Test</title>

  4. <link href="style.css" rel="stylesheet" type="text/css"> 

  5. </head>

  6. <body>

  7. <div id="container">

  8. <div id="header">

  9. </div>

  10. <div id="menu">

  11. </div>

  12. <div id="content">

  13.  
  14.  
  15.  
  16.  
  17.  
  18. </div>

  19. </div>

Maar toch bedankt!

Edit: Probleem veranderd lees hierboven!
Offline Rens - 22/10/2007 14:29
Avatar van Rens Gouden medaille

Crew algemeen		 Gaat het nu over je 'menu' of over je 'content' vak?
Als het over je menu is, verander de height naar min-height.
Als het over je content is, die rekt gewoon uit...?
Offline zointer - 22/10/2007 14:31 (laatste wijziging 22/10/2007 14:32)
Avatar van zointer HTML gevorderde Ik begrijp je vraag eigenlijk niet 
In je titel spreek je over een afbeelding en in je bericht over een div 

En zoals Rens zegt werkt het content.
Offline tomie94 - 22/10/2007 15:02 (laatste wijziging 22/10/2007 15:47)
Avatar van tomie94 PHP interesse nee, de content werkt niet...
Screenshot: http://aycu32.w...010_rs.jpg


ik heb net de pagina XHTML en CSS valid gemaakt dus daar kan het niet aan liggen.
Offline Rens - 22/10/2007 15:03
Avatar van Rens Gouden medaille

Crew algemeen		 Haal die "height: auto;" eens weg..?
Offline tomie94 - 22/10/2007 15:09
Avatar van tomie94 PHP interesse dan krijg je hetzelfde....
Offline Grayen - 22/10/2007 15:47 (laatste wijziging 22/10/2007 15:47)
Avatar van Grayen PHP ver gevorderde Dit zou moeten werken .

Plaatscode: 3743
Offline tomie94 - 22/10/2007 16:08
Avatar van tomie94 PHP interesse ook niet.. zelfde resultaat
Offline Ibrahim - 22/10/2007 16:17
Avatar van Ibrahim PHP expert wrm werkt dit dan wel ?

Plaatscode: 3744
Offline Grayen - 22/10/2007 16:19
Avatar van Grayen PHP ver gevorderde Dan dit:

Plaatscode: 3745
Offline tomie94 - 22/10/2007 16:35
Avatar van tomie94 PHP interesse @grayen: nee
@stijn: JA!

Als ik die code van jou (stijn)er weer in plak krijg ik hetzelfde resultaat: nee
Offline zointer - 22/10/2007 16:41
Avatar van zointer HTML gevorderde
tomie94 schreef:
nee, de content werkt niet...
Screenshot: http://aycu32.w...010_rs.jpg


ik heb net de pagina XHTML en CSS valid gemaakt dus daar kan het niet aan liggen.

Zoals ik het al eerder dacht.
Dit is jouw probleem
Jouw probleem opgelost
Offline TotempaaltJ - 22/10/2007 16:53 (laatste wijziging 22/10/2007 17:01)
Avatar van TotempaaltJ PHP interesse En dan klik je dus op de link waarbij staat <-Klik Hierop 
Offline zointer - 22/10/2007 16:59 (laatste wijziging 22/10/2007 17:00)
Avatar van zointer HTML gevorderde
Bigboss schreef:
En dan klik je dus op de link waarbij staat <-Klik Hierop 

Zoals je dan zal zien in het eerste voorbeeld dat content vlak niet door loopt zoals ts in zijn voorbeeld laat zien en in het tweede wel 

Zie eens wat zijn topic titel is: Plaatje uitrekken en zoals in zijn code ziet staat het achtergrond van het content div op repeat-x zou het beter op repeat-y zetten
Offline tomie94 - 22/10/2007 17:14
Avatar van tomie94 PHP interesse Ja bedankt doen doet hij het wel!
Offline zointer - 22/10/2007 17:17
Avatar van zointer HTML gevorderde
tomie94 schreef:
Ja bedankt doen doet hij het wel!


Volgende keer je vraag beter formuleren.


Had het van de eerste keer gezien, vandaar deze reactie
zointer schreef:
Ik begrijp je vraag eigenlijk niet 
In je titel spreek je over een afbeelding en in je bericht over een div 
Offline tomie94 - 10/11/2007 16:11 (laatste wijziging 10/11/2007 16:56)
Avatar van tomie94 PHP interesse volgende probleem:

als ik nu tekst achter elkaar tievoeg word de div niet uitgerekt maar achter elkaar gezet. ik wil dat de div uitgerekt word... hoe moet ik dat doen....

Mijn code:

stijn1989 schreef:
Offline Ibrahim - 10/11/2007 17:37
Avatar van Ibrahim PHP expert
tomie94 schreef:
@grayen: nee
@stijn: JA!

Als ik die code van jou (stijn)er weer in plak krijg ik hetzelfde resultaat: nee


hoezo stijn, die heeft niet eens gereageerd op deze topic 

Als je wilt dat tekst word afgebroken, moet je denk ik een vaste width meegeven.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s