login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Footer resize - Neemt CSS niet op (Opgelost)

Offline Nielzie - 23/04/2013 16:04 (laatste wijziging 23/04/2013 16:30)
Avatar van NielzieLid Goedemiddag,

Om mijn footer tot aan de onderkant van het scherm te laten lopen, maak ik gebruik van volgende javascript:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.  
  3. function footer_resize() {
  4. 	var footersize = $(window).height() - 915;
  5. 	footersize = parseInt(footersize) + 'px';
  6. 	$("container-footer").css('height',footersize);
  7. }
  8.  
  9. $(document).ready(function() {
  10. 	footer_resize();
  11. 	$(window).bind('resize', footer_resize);
  12. });
  13.  
  14. </script>


Nu heb ik een <div id="container-footer"> maar dat blijkt niet te werken? Hij rekt deze niet uit tot de hoogte van de window - 915px (vaste hoogte van div's die daarboven staan).

Iemand raad wat ik fout doe?

EDIT: Mijn code aangepast:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. var footersize = window.innerHeight - 915;
  3. document.getElementById('container-footer').css('height', footersize);
  4. </script>

2 antwoorden

Gesponsorde links
Offline lemoinet - 24/04/2013 09:55 (laatste wijziging 25/04/2013 10:16)
Avatar van lemoinet PHP gevorderde
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $("#container-footer").css('height',footersize);
Bedankt door: Nielzie
Offline Martijn - 25/04/2013 11:55
Avatar van Martijn Crew PHP Ik heb het zo opgelost in een site die ik gemaakt heb (die van mij moest opzij ipv naar beneden)
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(document).ready(function(){
  2. 	$(window).resize(function(){
  3. 		$('#Extend2side').css({width: $('#NaastLogo').offset().left});
  4. 	}).trigger('resize');
  5. });

Jij moet dan dus ipv de offset() je eigen height doen 
Bedankt door: Nielzie
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.182s