LinkBack URL
About LinkBacks
ZitierenLass überall die absoluten Positionierungen weg (die heißen so, weil sie meist absolut unnötig sind) und arbeite dafür mit float und margin.
Zentrieren kannst du so.
Hallo Zusammen,
ich habe eine Internetseite auf die Auflösung 1280 x 1024 optimiert. Wenn der Monitor jetzt aber z.B. nur 1280 x 800 hat, dann verschiebt sich das Menu im IE nach oben. Im Firefox sieht alles ok aus.
Wo liegt der Fehler?
CSS sieht so aus:HTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css/standard.css"> </head> <body > <div id="main"> <div id="menu_div"> <?php $aktiv="1"; ?> <?php include("includes/menu.php"); ?> </div> <div id="content">Inhalt </div> <div id="footer"> <?php echo $footer_str?> </div> </div> </body> </html>
Ich weiß nicht woran es liegt.Code:html { height: 100%; } body { height: 100%; width: 100%; margin:0%; padding:0%; background-color: #0087bd; font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } #main { position: absolute; top: 50%; left: 50%; height: 700px; width: 1020px; margin-left: -500px;/* hälfte von width */ margin-top: -357px;/* hälfte von width */ background-image: url(../images/bg_all.jpg); border: solid 0px #000000; z-index:1; } #menu_div { position: absolute; top: 135px; left: 280px; width: 730px; height: 28px; padding: 5px 0px 0px 0px; border: solid 0px #0000ff; } #content { position: absolute; top: 200px; left: 80px; width: 865px; height: 450px; margin: 33px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #015389; overflow: auto; overflow-x: hidden; border: solid 0px #0000ff; } #footer { position: relative; top: 100%; left: 50%; width: 1000px; height: 15px; margin-left: -500px;/* hälfte von width */ padding: 5px 0px 0px 0px; font-size: 10px; font-weight: bold; text-align: right; border: solid 0px #000000; }
Wäre super wenn mir jemand helfen könnte.
Danke, Gruß spooner
Lass überall die absoluten Positionierungen weg (die heißen so, weil sie meist absolut unnötig sind) und arbeite dafür mit float und margin.
Zentrieren kannst du so.
mmh, einfach die position: absolute gegen float ersetzen?
Nein, denn das umgebende Blockelement willst Du ja zentrieren. Dafür ist margin da.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)