Hallo!
Ich habe eine Webseite gemacht die auf die Auflösung von 1024x768px optimiert ist.
Nun möchte ich aber wenn jemand eine höhere Auflösung hat, sich automatisch die Ebenen zentrieren.
Was muss ich da anstellen?
Hier die HP:
www.oeko-tour.de/hp2
Hier die css:
body { font-family: Arial, Verdana, Helvetica, sans-serif; }
h1 { font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 25px; background-color: #a9a9a9; }
h2 { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #dcdcdc; }
h3 { font-size: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: oblique; }
p { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: justify; }
#Ebene1 { position: absolute; top: 0; left: 140px; height: 145px; width: 730px; z-index: 1; visibility: visible; }
#Ebene2 { position: absolute; height: 25px; width: 730px; left: 140px; top: 145px; z-index: 2; visibility: visible; }
ol { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 12px; background-image: url(../images/pfeil.gif); background-repeat: no-repeat; text-indent: 20px; margin: 5px; list-style-type: decimal; }
table { font-size: 12px; line-height: 14px; }
Lg