nicht angemeldet
Hallo Leute,
habe ein kleines Problem, ich möchte eine Seite mit Pull-Down-Menue erstellen. Dieses Pulldownmenue soll keine Texte sondern GIF's als links haben. Aus diesem Grund habe ich mich für Layer entschieden.
Mein Problem: das Menü soll immer Zentriert sein, also muss ich die Position des Layers rechnerisch anhand der Fensterbreite ermitteln(unten für NS). Die feste Breite meiner Tabelle für die "Grundbuttons" ist 750 pixel breit. Also rechne ich Fensterbreite-750pixel/2+Position des Layers ab Tabellenanfang 11pixel. Ich schreibe in meinem Fall über ein Funktion (left) per document.write den DIV Tag. Bei meinem Kenntnisstand würde ich jetzt für jedes Layer (in meinem Fall 5) solch eine Funktion erstellen. Doch was Passiert wenn der User einen re-size des Fensters macht ?? Natürlich nichts. Muss ich dann einen Reload der Seite machen ? Wenn ja wie mache ich diesen z.B. für den IE bei resize ? Oder gibt es insgesamt einen besseren, eleganteren Weg um dieses Problem zu lösen ???
Bin für jeden Tip dankbar.
Tschüß
Peter
function left(){
if (window.innerWidth<751) {
abstand=11;
} else {
abstand=(window.innerWidth-750)/2+11;
}
document.write('<div id="Layer1" style="position:absolute; left:');
document.write(abstand+"px; ");
document.write('top:42px; width:86px; height:81px; z-index:1; visibility: hidden; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000"> ');