Hallo,
ich habe ein Problem daß meine Seite teilweise links aus dem bildschirm verschwindet, sobald ich die browsergröße ändere.
Die Seite wird mittel des CSS horizontal zentriert und soll dann mittels javascript bei resize die position anpassen, aber ohne nach links aus dem bildschirm zu verschwinden.
Aufgerufen wird das Javascript im body-tag mit onresize.
Danke im Voraus für eure Hilfe.
Hier mal die Codes:
CSS
Code:
#container {
position: absolute;
left: 50%;
width: 1000px;
margin-left: -500px;
}
Javascript
Code:
/* Breite und Höhe des Browserfensters ermitteln */
var browser_x = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
var browser_y = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
/* Seite nach Änderung der Fenstergröße neu ausrichten*/
function neuAusrichten() {
if(browser_x < 1000) {
if(browsertyp.NS6) {
document.getElementById('container').style.left = 0 + "px";
document.getElementById('container').style.margin = 0 + "px";
}
if(browsertyp.IE) {
document.all('container').style.left = 0 + "px";
document.all('container').style.margin = 0 + "px";
}
}
}