HiLeute, bin gerade dabei eine Homepage für einen Sportclub in meiner nähe zu erstellen, bis jetzt funktioniert alles einwandfrei nur mein Drop-Down Menü verschiebt sich beim "ranzoomen" in den rechten bereich während alles andere in der mitte ( center ) bleibt. Ich bedanke mich schon mal für jede Antwort.

Style.css Quellentext :

@charset "utf-8"; /* CSS Document */

body { background:#222; font-family:Helvetica, sans-serif;}

nav { position:absolute; top:200px;}

nav ul { margin:0; height:40px; width:auto; float:center; box-shadow:0px 0px 32px 0px #111; border-radius:10px; padding:0; border-top:1px solid #444; border-bottom:1px solid #222;} nav ul li { position:relative; padding:10px; float:left; list-style:none; color:#999; background:#333; width:120px; text-align:center; border-right:1px solid #444; transition:all 800ms;} nav ul li:hover { background:#0C6; color:#fff;} nav ul li:last-child { border-radius:0 10px 10px 0;} nav ul li:first-child { border-radius:10px 0 0 10px;}

nav ul li:hover ul { height:auto; opacity:1;} nav ul li ul { position:absolute; top:45px; left:0; transition:all 800ms; opacity:0; overflow:hidden; height:0;} nav ul li ul li:last-child { border-radius:0 0 10px 10px;} nav ul li ul li { width:170px; text-align:left;} nav ul li ul li:first-child { border-radius:10px 10px 0 0;}