tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
9
ZUGRIFFE
2360
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Avatar von dsturm
    dsturm dsturm ist offline Mitglied Gold
    Registriert seit
    May 2003
    Beiträge
    222
    Hallo,

    ich suche eine Möglichkeit ohne frames und auf jeden Fall HTML-konform ein Layout (Tabelle) im Browser zu zentrieren. Habe das bisher über einen 100% hohen Layer, oder Tabelle, gelöst. Allerdings ist mir bekannt das die CSS-height Eigenschaft im Netscape 4.0 zB nicht gültig ist.
    Klar, diese Version wird wohl kaum noch jemand nutzen, aber da ich gemerkt habe, dass meine bisherige Lösung auf Macs im IE und Netscape nur Mist bringt, suche ich eine wirklich überall funktionierende Lösung zum Zentrieren.
     

  2. #2
    kurtparis kurtparis ist offline Mitglied Brokat
    Registriert seit
    Feb 2004
    Ort
    paris
    Beiträge
    272
    <div align="center"> ...</div>
     

  3. #3
    Avatar von dsturm
    dsturm dsturm ist offline Mitglied Gold
    Registriert seit
    May 2003
    Beiträge
    222
    Sorry, da hab ich mich wohl nicht ganz klar ausgedrückt! Mir geht es auch um vertikale Zentrierung. Das bedeutet, auch ein 560px hohe Tabelle soll im Browserfenster vertikal zentriert werden.
     

  4. #4
    kurtparis kurtparis ist offline Mitglied Brokat
    Registriert seit
    Feb 2004
    Ort
    paris
    Beiträge
    272
    <head>
    <style type="text/css">
    .conteneur {
    position:absolute;
    left: 50%;
    top: 50%;
    width: xx px;
    height: 560px;
    margin-top: -280px;
    margin-left: - xx px;}
    </style>
    </head>
    <body>
    <div class="conteneur">
    inhalt
    </div>
     

  5. #5
    Registriert seit
    Jul 2004
    Ort
    Apfel-Eimer
    Beiträge
    322
    Und wenn Du deine Tabelle, so wie sie ist in eine neue Tabelle kopierst, die aus einer einzigen Zelle besteht, mit den werten Height=100% und width=100% mit den Attributen align=center und valign=center?
     
    Dinge auf die spontan hunger habe:
    Schokolade
    Kekse
    Tastatu§$%§$%)=?

  6. #6
    Avatar von dsturm
    dsturm dsturm ist offline Mitglied Gold
    Registriert seit
    May 2003
    Beiträge
    222
    @Ultraflip: Das Problem ist, das die height-Eigenschaft nicht für den <table>Tag gilt, also nicht wc3valide ist! Mit css könnte man die Höhe sicherlich 100% stretchen, aber das hatte ich ja schon...
    Trotzdem danke!

    @kurtparis: Versuche gerade deine Version zum Laufen zu bringen, bisher läuft mir dabei meine Tabelle seeeehr weit nach rechts.
     

  7. #7
    Avatar von dsturm
    dsturm dsturm ist offline Mitglied Gold
    Registriert seit
    May 2003
    Beiträge
    222
    @kurtparis: Klar hat sie das gemacht, sorry, hab den margin-left wert übersehen! Danke, jetzt gehts.
    Mal sehen wie's aufm Mac aussieht... Danke!
     

  8. #8
    kurtparis kurtparis ist offline Mitglied Brokat
    Registriert seit
    Feb 2004
    Ort
    paris
    Beiträge
    272
    Du musst natürlich
    width = durch die breite deiner tabelle in px und
    margin-left = - hälfte der breite deiner tabelle in px ersetzen
     

  9. #9
    Avatar von hela
    hela hela ist offline Mitglied Smaragd
    tutorials.de Premium-User
    Registriert seit
    Oct 2004
    Beiträge
    1.123
    Hallo dsturm,

    du darfst bei der Wertangabe in CSS keine Leerzeichen zwischen den Ziffern und der Maßeinheit lassen. Das wird vom Browser sofort bestraft.
    Also z.B. so:
    "margin-left: -290px;"
     

  10. #10
    Avatar von dsturm
    dsturm dsturm ist offline Mitglied Gold
    Registriert seit
    May 2003
    Beiträge
    222
    Zitat Zitat von hela
    Hallo dsturm,

    du darfst bei der Wertangabe in CSS keine Leerzeichen zwischen den Ziffern und der Maßeinheit lassen. Das wird vom Browser sofort bestraft.
    Also z.B. so:
    "margin-left: -290px;"
    Klar, das weiß ich schon, hatte nur die Eigenschaft übersehen.
     

Ähnliche Themen

  1. CSS-Layout Frage (div's zentrieren)
    Von pÄd im Forum CSS
    Antworten: 7
    Letzter Beitrag: 23.10.07, 17:05
  2. Antworten: 10
    Letzter Beitrag: 14.09.06, 16:16
  3. gesamtes Layout zentrieren?
    Von scrotum im Forum CSS
    Antworten: 5
    Letzter Beitrag: 16.04.05, 21:34
  4. mit DIV Layout zentrieren
    Von DanielBodensee im Forum CSS
    Antworten: 9
    Letzter Beitrag: 28.03.05, 22:24
  5. keine frame-border, aber html-konform?
    Von Marvin im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 08.11.02, 13:29