login  Naam:   Wachtwoord: 
Registreer je!
 Forum

paginagrootte aanpassen aan hoeveelheid tekst.

Offline nick5m - 07/05/2010 21:12
Avatar van nick5mNieuw lid Beste mensen,

Ik zit met een dillemma. Nu ik voor het eerst een website maak met photoshop/css waar de pagina moet uitrekken aan de hoeveelheid tekst lukt dit me niet. Telkens wanneer ik wil dat de tekst naar beneden gaat rekt hij steeds meer uit na de zijkant. Daarnaast plakt die ook niet telkens dat stukje background onder het huidige stukje.

Het zou dus zo moeten zijn dat de div wordt aangepast naar de hoeveelheid tekst. Dus dat de achtergrond van de div "content" zich telkens herhaalt.

de code van de css is als volgt:

  1. html
  2. {
  3. background-color: #ffffff;
  4. }
  5.  
  6. body
  7. {
  8. width: 802px;
  9. border-left: 1px solid #ffffff;
  10. border-right: 1px solid #ffffff;
  11. margin: 0px auto;
  12. }
  13.  
  14. div#header
  15. {
  16. background-image: url('images/Bovenkant.jpg');
  17. background-repeat: repeat-x;
  18. width: 800px;
  19. height: 56px;
  20. }
  21.  
  22. div#menu
  23. {
  24. margin: 0px;
  25. padding-left: 10px;
  26. height: 24px;
  27. width: 800px;
  28. background-image: url('images/Menu.jpg');
  29. background-repeat: no-repeat;
  30. }
  31.  
  32.  
  33. div#slideshow
  34. {
  35. margin: 0px;
  36. padding-left: 10px;
  37. height: 116px;
  38. width: 800px;
  39. background-image: url('images/Slideshow.jpg');
  40. background-repeat: no-repeat;
  41. }
  42.  
  43. div#content
  44. {
  45. margin: 0px;
  46. padding-left: 10px;
  47. height: 30px;
  48. width: 800px;
  49. background-image: url('images/Verlengstuk.jpg');
  50. background-repeat: repeat-y;
  51. left: 136px;
  52. top: 194px;
  53. }
  54.  
  55. div#inhoud
  56. {
  57. margin: 0px;
  58. padding-left: 10px;
  59. width: 600px;
  60. align: center;
  61. clear: both;
  62. position: absolute;
  63. }


Html zullen jullie verder vrij weinig aan hebben maar ik heb een div 'Inhoud" extra gemaakt omdat de div "content" ook nog witte zijkanten heeft en de tekst wel gepositioneerd in het midden moet staan.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
  3. <head>
  4. <title>mySite.com</title>
  5.  
  6. <link rel="stylesheet" type="text/css" href="opmaak.css" />
  7. </head>
  8.  
  9. <body>
  10. <div id="header"></div>
  11. <div id="menu"></div>
  12. <div id="slideshow"></div>
  13. <div id="content">
  14. <div id="inhoud">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</div>
  15. </div>
  16. </body>
  17.  
  18. </html>


Wie helpt me?

Gr

7 antwoorden

Gesponsorde links
Offline Jelmerholland - 07/05/2010 22:15
Avatar van Jelmerholland PHP beginner Heb je 'm geüpload? Ik snap er niet zoveel van eigenlijk 
Offline jasper56 - 07/05/2010 22:16 (laatste wijziging 07/05/2010 22:20)
Avatar van jasper56 Nieuw lid heb je een live voorbeeld??
kan ik wel even wat proberen..

probeer anders dit is:
  1. div#content{
  2. min-height: 30px;
  3. height: auto !important;
  4. *height: 30px;
  5. }

Offline Jelmerholland - 08/05/2010 00:28
Avatar van Jelmerholland PHP beginner Waarom doe je trouewns div#Content? Gewoon #Content volstaat omdat het toch een id is.
Offline nick5m - 08/05/2010 00:31
Avatar van nick5m Nieuw lid http://www.nicknow.nl/

Zoals je ziet centreert de tekst er niet keurig onder..

gr
Offline Jelmerholland - 08/05/2010 00:35 (laatste wijziging 08/05/2010 08:12)
Avatar van Jelmerholland PHP beginner Omdat er geen spatie in je tekst zit.

http://www.lipsum.com
Pak daar is een lapje tekst van. (gewoon 2/3 paragrafen)

En anders moet je de string afbreken. dmv een: scriptje
(Nu werkt dat niet, maar zodra jij de waardes uit een database gaat halen wel.)

For now. Gewoon geen lange woorden van 70 karakters :S

Maar het ligt dus niet aan je site, het ligt aan je input. Sitemasters.be heeft d'r ook last van, kijk maar.

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
@ModAdmin, if irritant ? verwijder : laten staan.
Citaat:
Indeed.
Offline nick5m - 08/05/2010 00:54 (laatste wijziging 08/05/2010 00:55)
Avatar van nick5m Nieuw lid Jelmer. Ik reken jou tot held van de dag. Bedankt jongen. Stom van me dat ik daar niet aan gedacht heb!!

p.s. nog 1 vraag; hoe centreer ik die inhoud nou? met Align lukt het niet namelijk..


gr
Offline Koen - 08/05/2010 08:12
Avatar van Koen PHP expert text-align: center;
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.204s