login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div meegaan

Offline Drieske - 25/02/2005 22:05 (laatste wijziging 25/02/2005 22:06)
Avatar van DrieskeLid Hey,

Ik werk nu met css en Html maar ik gebruik divs...

Dus met css heb ik mijn tabbelen geposisioneerd als volgt

php code - Bekijk de code zonder highlighting - Klap code in 
  1. ------------------------------
  2. |_________________________|
  3. |                                        |
  4. |               Content              |
  5. |                                        |
  6. ------------------------------
  7. |____________Footer_______|

Ok als ik nu in mijn content text plaats dan gaat deze uitrekken wat goed is maar footer gaat op die aangeduide plaats blijven staan... Wat kan ik hieraan doen?

Dit is mijn code

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="style.css">
  4. <div class='content'> 
  5. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta, ipsum nec scelerisque pulvinar, quam nunc auctor erat, at aliquet pede felis ut eros. Nulla volutpat. Duis porttitor semper lorem. Curabitur faucibus porta libero. Morbi lorem lacus, tristique ac, bibendum sodales, fermentum ut, lectus. Proin sagittis metus vitae augue. Mauris vulputate porttitor tellus. Etiam rhoncus sodales libero. Suspendisse potenti. Curabitur vitae pede sed diam laoreet lobortis. Sed augue leo, placerat eget, viverra vel, nonummy a, neque. Morbi luctus. 
  6.  
  7. Vivamus tincidunt, nunc sit amet aliquam scelerisque, augue lectus vulputate orci, quis posuere metus turpis vitae arcu. Nam posuere odio quis quam. Fusce diam metus, sodales at, laoreet sed, fermentum vitae, neque. Donec turpis. Aliquam erat volutpat. Proin egestas ante nec nibh. Quisque porttitor nibh a erat. Proin aliquet mollis eros. Ut euismod. Aenean a lectus sed tellus sagittis mattis. Nunc ac mauris id dui pulvinar gravida. Maecenas sollicitudin. 
  8.  
  9. Aliquam malesuada malesuada nibh. Morbi gravida nunc. Aliquam convallis. Aliquam vestibulum sagittis velit. Curabitur quis libero vel nulla bibendum feugiat. Aliquam augue felis, tristique id, porttitor quis, porttitor sit amet, sem. Fusce suscipit neque ut neque. Quisque enim massa, pharetra at, fringilla vitae, cursus ac, diam. Proin metus. Vivamus luctus. Cras convallis, justo ac luctus mollis, ipsum risus consectetuer enim, vitae cursus ante pede quis metus. Duis blandit. Nam id urna quis tortor vestibulum bibendum. Suspendisse a ante ut ante vulputate varius. Morbi feugiat wisi. Praesent ullamcorper, felis eget volutpat mattis, sem neque pretium urna, id gravida lacus wisi eget leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus risus magna, mattis tempus, adipiscing vel, hendrerit in, pede. Donec fermentum. Cras sodales. 
  10.  
  11. Etiam lacinia nibh eu enim. Fusce id tellus. Curabitur velit. Integer venenatis facilisis arcu. Fusce eget libero. Nam urna neque, vehicula eu, sollicitudin ac, bibendum ut, neque. Fusce imperdiet adipiscing lectus. Cras sollicitudin est eu pede. Curabitur mollis. Aliquam pellentesque quam sit amet nisl. Nulla sit amet purus. Quisque in nibh vel enim egestas dapibus. Duis velit libero, iaculis a, elementum in, tristique eu, nibh. Curabitur accumsan tincidunt diam. Curabitur cursus justo sed augue. Mauris dui arcu, aliquet quis, ornare varius, sollicitudin sed, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
  12.  
  13.  
  14. </div>
  15. <div class='header'> 
  16. Dikke test 
  17. </div>
  18. <div class='footer'> 
  19. Dikke test 
  20. </div>
  21. <div class='menu'> 
  22. Dikke test 
  23. </div></head>
  24. </html>

17 antwoorden

Gesponsorde links
Offline remy - 30/11/1999 00:00
Avatar van remy PHP ver gevorderde de footer rekt niet meernrndivs relative en absolute positioneren, lees de tut
Offline CelestialCelebi - 30/11/1999 00:00
Avatar van CelestialCelebi PHP gevorderde Uhm.. We kunnen niks als we je CSS bestand niet hebben...rnrnEn heb je ook een voorbeeldje online
Offline Drieske - 30/11/1999 00:00
Avatar van Drieske Lid dees is mijn css [code].contentrn{rn position absolute;rn left 200px;rn top 110px;rn background-color #E9AF70;rn width 600px;rn height 150px;rn border 1px dashed #696969;rn border-top-width 0px;rn border-bottom-width 0px;rn padding-left 2px;rn padding-top 1px;rn} rnrn.footerrn{rn position absolute;rn left 200px;rn padding-left 2px;rn padding-top 1px;rn top 260px;rn background-color #A9A9A9;rn width 600px;rn height 15px;rn border 1px dashed #696969;rn}rn[code] rnrnCode enkel van footer en content
Offline remy - 30/11/1999 00:00 (laatste wijziging 30/11/1999 00:00)
Avatar van remy PHP ver gevorderde heb je ook een containerdiv die moet je namenlijk relative positioneren
Offline Drieske - 30/11/1999 00:00
Avatar van Drieske Lid wat si een containerdiv
Offline remy - 30/11/1999 00:00
Avatar van remy PHP ver gevorderde lees deze tutorial maar eens en alles wordt duidelijk;-) rnrnhttpsitemasters.bepagina=tutorialstutorials&cat=2&id=90
Offline Drieske - 30/11/1999 00:00
Avatar van Drieske Lid ksnap het ni echt s
Offline Maarten - 30/11/1999 00:00
Avatar van Maarten Erelid Door remy rnOp 25022005 2212rnrnDoor Drieske rnOp 25022005 2213rnrnrnJe hebt er nog geen minuut naar gekeken.rnrn
Offline Drieske - 30/11/1999 00:00
Avatar van Drieske Lid ik hem dees [quote]MAAR nu zitten we met een probleem, we hebben meer categorieën en dus willen we een border meegeven waar een container div voor nodig is. Als we het gewoon op dezelfde manier gaan doen als net krijgen we problemen, namelijk de div's worden boven de container gezet. We lossen dat op met de class div.spacer.[quote] gelezen ja!!! Ik snap het gewoon ni is da nu zo erg sorry ze... Ja en ik heb de code bekeken ja maar ik snap ze niet ... Sitemasters begint echt zo precies voe de beste te zen ge moet ier alles snappen...
Offline Fenrir - 30/11/1999 00:00 (laatste wijziging 30/11/1999 00:00)
Avatar van Fenrir PHP expert Ik heb het even voor je gemaakt (met menu).rnZo doe ik het altijd, en dat werkt veel beter dan met andere positioning (relativeabsolute).rnIk weet niet of het in IE goed werkt, want die gebruikt padding anders.rnMaar in FF ziet het er perfect uit.rnrn[code]htmlrnheadrn titleCSS-Layouttitlern style type=textcssrn html, bodyrn {rn text-align center;rn background #FAF5EB;rn font 11px verdana;rn color #666;rn }rn rn #wrapperrn {rn width 600px;rn margin 20px auto;rn text-align left;rn background #EDDBB6;rn border 1px solid #D9B362;rn }rn rn #headerrn {rn height 100px;rn background #FAF5EB;rn border 1px solid #D9B362;rn margin 10px;rn padding 5px;rn }rn rn #contentrn {rn margin 0px 200px 10px 10px;rn background #FAF5EB;rn border 1px solid #D9B362;rn padding 5px;rn }rn rn #menurn {rn float right;rn width 170px;rn margin 0 10px 10px 0;rn background #FAF5EB;rn border 1px solid #D9B362;rn padding 5px;rn }rn rn #footerrn {rn margin 0px 10px 10px 10px;rn height 30px;rn clear both;rn background #FAF5EB;rn border 1px solid #D9B362;rn padding 5px;rn }rn stylernheadrnbodyrn rn div id=wrapperrn rn div id=headerHeaderdivrn div id=menuMenu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menudivrn div id=contentContent content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content divrn div id=footerFooterdivrn rn divrn rnbodyrnhtml[code]
Offline remy - 30/11/1999 00:00 (laatste wijziging 30/11/1999 00:00)
Avatar van remy PHP ver gevorderde je moet daaronder kijken, er staan zelfs een paar layouts volledig uitgelegdD rnrn@fenrirrndat het zo ook kon met die divsD
Offline Fenrir - 30/11/1999 00:00 (laatste wijziging 30/11/1999 00:00)
Avatar van Fenrir PHP expert Is mijn layout niet goed dan rnrnDie is met mooie kleuren.rnrnEDITrnHeb hem ff online gezetrnhttpmembers.lycos.nlleerphpfastCSS_Layout.htmlrnrnVerbeterde versie (werkt in IE + FF)rnrn[code]htmlrnheadrn titleCSS-Layouttitlern style type=textcssrn html, bodyrn {rn text-align center;rn background #FAF5EB;rn font 11px verdana;rn color #666;rn }rn rn #wrapperrn {rn width 600px;rn margin 20px auto;rn text-align left;rn background #EDDBB6;rn border 1px solid #D9B362;rn }rn rn #headerrn {rn height 100px;rn background #FAF5EB;rn border 1px solid #D9B362;rn margin 10px;rn padding 5px;rn }rn rn #contentrn {rn margin 0px 190px 10px 10px;rn background #FAF5EB;rn border 1px solid #D9B362;rn padding 5px;rn }rn rn #menurn {rn float right;rn width 170px;rn margin 0 5px 10px 0;rn background #FAF5EB;rn border 1px solid #D9B362;rn padding 5px;rn }rnrn #wrapper #menurn {rn margin 0 10px 10px 0;rn }rn rn #wrapper #contentrn {rn margin 0px 200px 10px 10px; rn }rn rn #footerrn {rn margin 0px 10px 10px 10px;rn height 30px;rn clear both;rn background #FAF5EB;rn border 1px solid #D9B362;rn padding 5px;rn }rn stylernheadrnbodyrn rn div id=wrapperrn rn div id=headerHeaderdivrn div id=menuMenu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menu menudivrn div id=contentContent content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content divrn div id=footerFooterdivrn rn divrn rnbodyrnhtml[code]
Offline Drieske - 30/11/1999 00:00
Avatar van Drieske Lid ok nu heb ik die layout van jouw maar nu kan ik die niet meer aanpassen zoals ik deze wou... zoals dit hierrnrnhttpwww.d-base.netcss.JPG
Offline Fenrir - 30/11/1999 00:00 (laatste wijziging 30/11/1999 00:00)
Avatar van Fenrir PHP expert [quote]maar nu kan ik die niet meer aanpassen zoals ik deze wou[quote] Waarom nietrnrn[quote] zoals dit hier[quote] Wat wil je dan andersrnDe kleurenrnDe plaats van dingenrnrnLOL 1337 punten
Offline remy - 30/11/1999 00:00
Avatar van remy PHP ver gevorderde daar zat die footer niet goed..rnrnhoezo 1337 punten
Offline Fenrir - 30/11/1999 00:00 (laatste wijziging 30/11/1999 00:00)
Avatar van Fenrir PHP expert [quote]daar zat die footer niet goed..[quote] Maar bij mij toch wel En als hij zijn css niet geeft, kan ik niet helpen, maar wss heeft hij position absolute gebruikt, en daar kun je niets mee. Dus je kunt beter meteen mijn layout gebruiken...en dan dingen gaan veranderen, zodat je begrijpt hoe het werkt.rnrn[quote]hoezo 1337 punten[quote] Dat is h4x0r-taalrnhttpwww.1337.org.uk
Offline Legolas - 30/11/1999 00:00
Avatar van Legolas Onbekend Je moet met CSS gewoon de background-color van die divs aanpassen denk ik
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s