DAU :-( der was lernen will: Element mittig positionieren

Beitrag lesen

SELF-Forum

Element mittig positionieren

DAU :-( der was lernen will
– Informationen zu den Bewertungsregeln

'n Abend!

Wollte das auch gerade mal ausprobiern, geht aber net:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html style="height:100%">
<head>
<title>Neues Dokument</title>
</head>
<body style="height:100%">
  <div style="
         position:fixed; left:0; top:0;
         margin:0px;padding:10px;
         height:100%;width:300px;
         background-color:#ff0000;">
    <p>das ist ein langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes, langes Menü</p>
    <p>mit vielen Absätzen</p>
    <p>und noch einer</p>
  </div>

<div style="
         position:relative;
         text-align:center;
         margin:auto;">
    Hier mittig
  </div>
</body>
</html>

  • Der mittige Abschnitt ist nicht links vom Menü mittig, sondern relativ zur Seite.

  • Der IE macht um das erste Div einen Abstand herum, auch margin:0px; left:0; top:0; bringen da nix :-(

  • Der eigentlich zentrierte Abschnitt klebt bei IE unten und bei Mozilla oben (??), mittig ist der jedenfalls nicht.

DAU
  (der nicht dachte, dass CSS sooo kompliziert sind :-( )

Beitrag melden
–
Informationen zu den Bewertungsregeln