login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div overig deel laten vullen

Offline copyfile - 31/12/2006 21:08
Avatar van copyfileNieuw lid Ik heb nu op mijn website een container met daarin een div van 150px hoog (header) eentje van 20px (menu) en nog een lege voor de content. Hoe kan ik ervoor zorgen dat dit lege stuk de rest van het scherm opvult ? Dus dat alle 3 de div's bij elkaar 100% zijn ? Alvast bedankt !

28 antwoorden

Gesponsorde links
Offline Jesse2303 - 01/01/2007 04:43
Avatar van Jesse2303 Onbekend weet ik niet 
Offline Stijn - 01/01/2007 05:30
Avatar van Stijn PHP expert zet die 3e div dan op 100% hé 
Offline copyfile - 01/01/2007 12:51
Avatar van copyfile Nieuw lid als ik alle div's op 100% zet dan wordt de website 3x1024=3072 pixels hoog (mijn resolutie is namelijk 1280x1024)
Offline Stijn - 01/01/2007 15:44
Avatar van Stijn PHP expert je zet die laatste div op 100% , blijkbaar scheelt er iets met je wiskunde 
Offline copyfile - 01/01/2007 16:03
Avatar van copyfile Nieuw lid heb ik gedaan maar werkt niet. Maar laat maar heb het al opgelost zonder 100% hoogte te gebruiken. Thanks !
Offline Stijn - 01/01/2007 16:07
Avatar van Stijn PHP expert hoe dan wel ik weet dat dit wel werkt in de breedte.
Offline copyfile - 01/01/2007 16:28
Avatar van copyfile Nieuw lid Gewoon de div zich zelf laten aanpassen aan de hoogte die nodig is voor de content die erin staat. Gewoon geen hoogte meegeven dus. Ben nu alleen het kutten met een footer omdat dit dan wel moet. Alleen werkt hij in firefox prima maar in internet explorer laat hij niks zien. Dus mischien dat iemand me hier nog mee kan helpen ?

http://www.plaatscode.be/3644/
Offline Ibrahim - 01/01/2007 18:04
Avatar van Ibrahim PHP expert geef eens een schets van hoe het moet, dan kan ik misschien wel helpen.
Offline copyfile - 01/01/2007 19:02
Avatar van copyfile Nieuw lid 1 header in het midden van 150px hoog en 750 px breed
Daaronder 1 menu van 25px hoog en 750px breed
daaronder 1 lege div van 750px breed en geen aangegeven hoogte
als laatste de footer die altijd onderaan moet staan en 750px breed en 15px hoog moet zijn
Offline Ibrahim - 01/01/2007 19:09 (laatste wijziging 01/01/2007 19:26)
Avatar van Ibrahim PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. -----------------------750px HEADER------------------------------
  2. | 150 px
  3. -------------------------------------------------------------------
  4. |menu 750px
  5. |25px
  6. -----------------------DIV 750px--------------------------------
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. ---------------------footer-----------------------------------------


Zoiets dus?
en op wel hoogte van de top moet hij staan ?

dat is niet zo moeilijk:

http://www.plaatscode.be/3650/ [css]
http://www.plaatscode.be/3649/ [html]
Offline copyfile - 01/01/2007 19:34
Avatar van copyfile Nieuw lid Ja maar het is nu wel de bedoeling dat de footer altijd helemaal onderaan de pagina komt te staan. Dus ookal is de lege div maar iets van 100px hoog ofzo.
Offline Ibrahim - 01/01/2007 19:40
Avatar van Ibrahim PHP expert probeer dan hij staat ook onderaan, je geeft in .container aan hoe ver onder hij moet staan
Offline copyfile - 01/01/2007 19:48
Avatar van copyfile Nieuw lid Het is niet zoals ik bedoel. Bekijk onderstaande website in firefox en je ziet precies wat ik precies bedoel.

http://home.wanadoo.nl/copyfile/

Maar nu moet dit dus ook nog in internet explorer werken...
Offline Ibrahim - 01/01/2007 19:53
Avatar van Ibrahim PHP expert gebruik dan mijn CSS   pas het toe zodat ie met jou images werkt
Offline copyfile - 01/01/2007 19:58
Avatar van copyfile Nieuw lid Heb ik gedaan maar krijg het dan niet voor elkaar. De footer staat niet helemaal onderaan.
Offline Ibrahim - 01/01/2007 20:54
Avatar van Ibrahim PHP expert als ik kijk naar de broncode van die link van je, zie ik dat niet hoor

het is simpel. Maak een class container
Zet daarin de width en height van je website. In je html zet je alle divs in die container div behalve de footer div. Die zet je erachter. Dan blijft hij onder. En haal alle position dingen uit je CSS, die maken het moeilijker dan het is.
Offline copyfile - 01/01/2007 23:17
Avatar van copyfile Nieuw lid Oke ben er bijna nu. Heb de code nu zoals je zij, en zoals hij hieronder staat. Deze werkt prima. Alleen de div's staan nu allemaal naar de linker kant. Hoe zorg ik er nu nog voor dat ze gecentreerd worden ?

http://www.plaatscode.be/3656/
Offline Simax - 02/01/2007 09:07
Avatar van Simax Onbekend Een div kan niet gecentreerd worden doormiddel van float.
Offline copyfile - 02/01/2007 11:24
Avatar van copyfile Nieuw lid hoe moet ik hem dan centreren ?
Offline Kr4nKz1n - 02/01/2007 11:26 (laatste wijziging 02/01/2007 11:26)
Avatar van Kr4nKz1n Onbekend Probeer eens:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. left: 50%;
  2. width: 710px;
  3. margin-left: -355px;
  4. position: absolute;
  5. float: left;
Offline Ibrahim - 02/01/2007 11:29
Avatar van Ibrahim PHP expert nee, niet wat hij hier zegt.

probeer ipv daarvan margin: auto;
Offline Kr4nKz1n - 02/01/2007 11:37
Avatar van Kr4nKz1n Onbekend Oke, die zal ik eens proberen. Ik had er zelf ook moeite mee en kreeg wat ik postte als tip. Het werkte dus heb niet verder gezocht.
Offline Ibrahim - 02/01/2007 11:57
Avatar van Ibrahim PHP expert het werkt ja, maar het is vele malen moeilijker.
Zeg eerlijk, wat zou jij willen:

dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. left: 50%;
  2. width: 710px;
  3. margin-left: -355px;
  4. position: absolute;
  5. float: left;


of:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. margin: auto;
Offline copyfile - 02/01/2007 12:00
Avatar van copyfile Nieuw lid Het werkt !!!! Super Super Super bedankt !!!!
Offline Ibrahim - 02/01/2007 12:14
Avatar van Ibrahim PHP expert laat eens alle code in zijn geheel zien, want volgens mij gebruik jij position en float bij elkaar. Terwijl dit helemaal niet hoeft
Offline copyfile - 02/01/2007 12:38
Avatar van copyfile Nieuw lid http://www.plaatscode.be/3660/
Offline Ibrahim - 02/01/2007 12:58
Avatar van Ibrahim PHP expert - haal die position uit de footer class
- haal die footer div uit de container div
=> dit zorgt ervoor dat de div op de plaats komt waar de container eindigd, dus kun je zelf instellen hoever hij naar beneden moet
Offline copyfile - 02/01/2007 13:09
Avatar van copyfile Nieuw lid Done. Thanks !!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.226s