bernhard: seite in div tags

hallo, ich suche eine möglichkeit eine solche seite wie z.B. http://spektakulaer.de/index2.html ohne frameset und ohne tabellen sondern mit div tags und css zu gestalten.
nun ist meine genaue frage wie mache ich es das die seite in der mitte ist egal wie groß die browserauflösung ist?
bei einem solchem layout mit tabellen realisiert macht man einefach eine tabelle mit valign="center" und align="middle".
leider funktioniert es so mit div tags nicht außerdem würde ich ja gerne auf css umsteigen.
vielen dank !
bernhard

  1. Hallo!

    bei einem solchem layout mit tabellen realisiert macht man einefach eine tabelle mit valign="center" und align="middle".
    leider funktioniert es so mit div tags nicht außerdem würde ich ja gerne auf css umsteigen.

    Verpaße dem margin-left und margin-right des zu zentrierenden div-Elements den Wert "auto". Damit hast Du schon eine Menge Browser erwischt. Für die restlichen ist "text-align:center" für das übergeordnete Element zu setzen.

    Beste Grüße
    Viennamade

  2. Hey,
    spontan fällt mir das ein:
    zentriert wird das div, wenn Du die Randangaben für body in % angibst.
    body {
    margin:10%;
    }

    Gruß Adlerauge

    1. Hallo.

      zentriert wird das div, wenn Du die Randangaben für body in % angibst.

      Interessante These.
      MfG, at

  3. Hallo,

    hier ein Link der Dich interessieren dürfte

    http://www.css4you.de/wslayout1/ex0010.html

    Gruß Systom

  4. Hallo,

    http://www.google.com/search?q=seite+zentrieren+css
    und dort erstes Suchergebnis. Warum benutzt ihr alle, die in letzter Zeit hier nach Seite zentrieren mit CSS fragt nicht google oder das Archiv?

    Grüße
    Jeena Paradies

    --
    Trauriger Mensch den ich bemittleide
    http://jeenaparadies.de/weblog/2004/september/trauriger-mensch/
    SELFTreffen in Dresden - Ein Bericht
    http://community.de.selfhtml.org/treffen/2004/dresden/
  5. N'Obend

    Das horizontale zentrieren macht kein Problem, das haben dir die unten ja schon alle um die Ohren geschmissen. Beim vertikalen bekommst du aber tatsächlich Probleme.

    Google liefert dennoch einige Treffer dazu:
    http://www.google.com/search?q=css+vertical+center&start=0&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official

    http://www.quirksmode.org/css/centering.html versucht es mit tabellen,
    [http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css] ist geschickter,

    aber bei allen ist es einiges an Rumprobiererei und ohne zusätzliche Kontainer kommt wohl keiner aus...

    Tschö,
    dbenzhuser

    1. hi,

      Das horizontale zentrieren macht kein Problem, das haben dir die unten ja schon alle um die Ohren geschmissen. Beim vertikalen bekommst du aber tatsächlich Probleme.

      ein problem bekommt man fast immer, wenn man sich beim umstieg auf CSS-designs stur an dem festklammert, was man von "tabellen-layouts" kennt - in diesem falle die vertikale zentrierung.

      CSS bietet so viel mehr möglichkeiten, als stumpf altbackene tabellen-designs zu kopieren - also mal etwas mehr mut zu etwas neuem, bitte ;-)

      gruß,
      wahsaga

      --
      "Look, that's why there's rules, understand? So that you _think_ before you break 'em."