Zentrieren komplett ...

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    Zentrieren komplett ...

    Hallo an alle.

    Mit folgendem kleinen Schnipsel ist es mir ja möglich, ein Objekt (in diesem Fall ein <div>) horizontal zu zentrieren. Jetzt soll es auch noch vertikal zentiert werden. Jemand eine Idee (und bitte nicht sagen "Dann nimm doch Frames")?

    Code:
    <html>
<head>
<style type="text/css">
<!--
 body {margin:0px; padding:0px; text-align:center}
//-->
</style>
</head>

<body>

<div style="width:700px; height:200px; margin-left: auto; margin-right:auto; background-color:#000000">
</div>

</body>
</html>
    Danke im Voraus.

    Innuendo

    PS: Die Angabe "vertical-align:middle" wird hoffnungslos ignoriert, wenn ich sie bei "body {..." reinschreibe.
    Stichworte: -
  • #2
    hier ein beispiel mit einem bild. auf das DIV umbauen sollte kein problem sein.


    CSS
    Code:
    img#logo
{
          position:absolute;
          top:50%;
          left:50%;
          margin-top:-41px;
          margin-left:-209px;
}
    HTML
    Code:
    <img id="logo" src="logo.gif" border="0" width="418" height="82" alt="logo" />

    thx @ happy
    INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


    Kommentar

    Vorherige template Weiter
    Lädt...
    X