Ergebnis 1 bis 3 von 3
LinkBack URL
About LinkBacks-
29-08-2007, 10:48 #1
Grünschnabel
- registriert
- 29-08-2007
- Beiträge
- 2
div-Element bei Änderung der Fenstergröße dynamisch anpassen
Hallo,
ich lasse beim Laden der Seite mittels JavaScript die aktuelle Fensterhöhe ermitteln um ein <div> am unteren Rand des sichtbaren Bereiches zu platzieren. Das klappt soweit auch ganz wunderbar.
So, nun zu meinem Problem. Wenn der Betrachter nun die Fenstergröße ändert, möchte ich in "Echtzeit" die neue Fenstergröße ermitteln um das Element wieder unten zu platzieren.HTML-Code:<html> <head> <script language="JavaScript"> function Fensterhoehe() { if (window.innerHeight) return window.innerHeight; else if (document.body && document.body.offsetHeight) return document.getElementsByTagName('html')[0].offsetHeight; } </script> <style> * { margin: 0; padding: 0; } #haupt { width:100%; height:200px; overflow:auto; } #haupt td { font-family:Arial; font-size:11px; color:#000000; } #frame { width:100%; height:25px; } #frame td { font-family:Arial; font-size:11px; color:#000000; line-height:25px; } </style> </head> <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" scroll="no"> <div id="haupt"> <table bgcolor="#FF0000"> <tr> <td height="800"> TEST </td> </tr> </table> </div> <div id="frame"> <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFF00"> <tr> <td>TEST</td> </tr> </table> </div> <script language="JavaScript"> var hoehe = Fensterhoehe()-25; document.getElementById("haupt").style.height = hoehe + 'px'; </script> </body> </html>
Ich habe schon in diversen Foren gesucht, bin aber irgendwie nicht fündig geworden.
Wenn jemand eine Idee hat und diese dann hier zum Besten geben würde wäre ich sehr dankbar.
Gruß
Enrico
-
29-08-2007, 11:02 #2
Lounge-Member
- registriert
- 18-08-2004
- Beiträge
- 14.671
AW: div-Element bei Änderung der Fenstergröße dynamisch anpassen
das language Attribut ist seit 1998 mißbilligt wo hast du das gefunden?
Dein Problem läßt sich einfach lösen, in dem du die Berechung und Positionierung onresize nochmal durchführst
PHP-Code:<script type="text/javascript">
window.onresize = function() {
var hoehe = Fensterhoehe()-25;
document.getElementById("haupt").style.height = hoehe + 'px';
}
</script>
-
29-08-2007, 11:40 #3
Grünschnabel
- registriert
- 29-08-2007
- Beiträge
- 2
AW: div-Element bei Änderung der Fenstergröße dynamisch anpassen
Weiß nicht so genau. Hat sich bisher noch nie jemand dran gestört. Aber danke für den Hinweis. Werde demnächst darauf achten.
Zitat von ein schlauer
klappt super. Zitat von ein schlauer
Besten Dank!
Gruß
Enrico
ZitierenÄhnliche Themen
-
Div dynamisch vergrößern und darin php-Code ausgeben
Von EtudeinF im Forum JavaScriptAntworten: 3Letzter Beitrag: 13-07-2007, 16:21 -
Wie kann ein Div im Container das unterste Element bleiben?
Von vani1 im Forum CSS und (X)HTMLAntworten: 5Letzter Beitrag: 08-10-2006, 22:24 -
script das div id ändert ?
Von darkstar im Forum JavaScriptAntworten: 2Letzter Beitrag: 22-08-2006, 12:02 -
div element elegant auf knopfdruck vergrößern
Von atvatar im Forum JavaScriptAntworten: 6Letzter Beitrag: 06-08-2006, 14:23 -
Grafik dynamisch anpassen
Von gerix im Forum JavaScriptAntworten: 1Letzter Beitrag: 25-09-2005, 10:25
Lesezeichen