login  Naam:   Wachtwoord: 
Registreer je!
 Forum

footer onder langste div

Offline marten - 01/11/2007 10:31 (laatste wijziging 01/11/2007 10:31)
Avatar van martenBeheerder Beste sitemasters,

vraagje van mij.
Op de site www.veldleeuwerik.nl heb ik een footer van 104 px. Deze wil ik altijd onderaan hebben. Maar..... ik wil niet dat de tekst eronder door valt. Als ik de site namelijk op 800x600 bekijk valt het halve menu weg. Om nog niet te spreken over de tekst die te lang is. Deze heb ik nu met een scrollbar gezet maar dat is niet zo heel mooi natuurlijk.
Het maakt niet uit dat er in de hele site een scrollbar zit als het te lang is. Maar wanneer de tekst kort is zoals op de home wil ik die scrollbar niet hebben.

Wie wil er even naar kijken?

Bij voorbaat dank,
Marten

10 antwoorden

Gesponsorde links
Offline ReneeJ - 01/11/2007 10:41
Avatar van ReneeJ HTML interesse Misschien heb je hier wat aan
Gigadesign post

Er staan ook wat voorbeelden bij
Offline marten - 01/11/2007 11:02 (laatste wijziging 01/11/2007 11:15)
Avatar van marten Beheerder Zoals je misschien gezien hebt is de container waar zij over praten precies hetzelfde. Als ik de footer absolute meegeef dan gaat hij op zich goed. Bij korte teksten staat hij netjes aan de onderkant. Ga ik vervolgens naar iets langere teksten dan loopt de tekst onder de footer door.
Offline Slipie - 01/11/2007 15:11
Avatar van Slipie PHP beginner Heb je al geprobeerd je position op absolute te zetten?

css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.footer3 {
  2. 	background:			url(../images/footer.jpg) no-repeat bottom left;		
  3. 	position:			absolute;
  4. 	bottom:				0px;	
  5. 	width:				763px;
  6. 	height:				15%;
  7. 	text-align:			left;
  8. 	vertical-align:		bottom;
  9. 	margin:				0 auto;
  10. 	border-left:		1px solid #CCC;
  11. 	border-right:		1px solid #CCC;
  12. 	border-bottom:		1px solid #CCC;
  13. }
Offline marten - 01/11/2007 15:37
Avatar van marten Beheerder Dat heb ik reeds geprobeerd ja.
Offline ReneeJ - 01/11/2007 22:10
Avatar van ReneeJ HTML interesse Die ze daar hadden werkte bij mij inderdaad ook niet altijd super.
Ik gebruik altijd dit.

http://steve.pugh.net/test/test57.html
Offline zkorkmaz - 02/11/2007 08:52
Avatar van zkorkmaz Nieuw lid Voeg dit in je css

#clear {
clear:both
}

en VOOR je Footer div voeg dit toe

<div id="clear"></div>

zo moet het helpen 
Offline marten - 02/11/2007 08:52 (laatste wijziging 02/11/2007 09:01)
Avatar van marten Beheerder even proberen.

http://www.veld...subpage=18

Nog steeds niet goed 
Offline zointer - 02/11/2007 09:39 (laatste wijziging 02/11/2007 09:44)
Avatar van zointer HTML gevorderde
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.footer3 {
  2. 	background:			url(../images/footer.jpg)  no-repeat bottom left;		
  3. 	position:                   relative;/*HIER VERANDEREN*/
  4. 	bottom:				0px;	
  5. 	width:				763px;
  6. 	height:				15%;
  7. 	text-align:			left;
  8. 	vertical-align:		bottom;
  9. 	margin:				0 auto;
  10. 	border-left:		1px solid #CCC;
  11. 	border-right:		1px solid #CCC;
  12. 	border-bottom:		1px solid #CCC;
  13.  
  14. 	padding-top:		3em;
  15. }

ook aanpassen hoogte aanpassen vb naar 90%
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.container {
  2. 	position:			relative; /* needed for footer positioning*/
  3. 	margin:				0 auto; /* center, not in IE5 */
  4. 	text-align:			left;
  5. 	margin:				auto;
  6. 	height:				auto !important; /* real browsers */
  7. 	/*EN OOK HIER VERANDEREN*/
  8. 	height:				100%; /* IE6: treaded as min-height*/
  9. 	min-height:			100%; /* real browsers */
  10. 	width:				763px;
  11. 	background-color:	#FFF;
  12. 	color:				#000;
  13. 	background:			url(http://www.veldleeuwerik.nl/templates/images/content2.jpg) no-repeat bottom center;	
  14. 	border-top:			1px solid #CCC;
  15. 	border-left:			1px solid #CCC;
  16. 	border-right:			1px solid #CCC;
  17. }
Offline marten - 02/11/2007 09:41 (laatste wijziging 02/11/2007 13:32)
Avatar van marten Beheerder http://www.posi...rigid.html

Ik zit nu hier mee bezig. Kijken of deze layout goed is. Tot nu toe lijkt het goed te gaan.

Opgelost door bovenstaande css hacks te gebruiken.
Offline citroen - 02/11/2007 13:34
Avatar van citroen Onbekend dergelijke dingen moeten perfect lukken zonder css hacks: http://www.purevision.be
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.176s