XHTML 1.1 wie zentrieren?

  1. RETRAX

    RETRAX Thread Starter

    Hallo,

    wenn ich mein HTML 4.01 Dokument in ein XHTML 1.1 transformiere kann ich den Befehl <div align=center> nicht mehr verwenden. (wenn ich XHTML 1.1 valide sein möchte)

    Das hab ich aber dazu gebraucht um mein Layout mittig zu zentrieren. Wenn ich das also rausschmeisse hängt mein Layout links oben usw...

    Wie kann ich unter XHTML 1.1 die Tabelle in der Bildschirmmitte zentrieren?
     
    RETRAX, 17.02.2004
  2. T.Eisenhammer

    T.EisenhammerMacUser Mitglied

    Mitglied seit:
    15.02.2004
    Beiträge:
    69
    Zustimmungen:
    0
    Tolle Tags

    Also zum einen könnte man in dem Stylesheet rumwerkeln und mit den Tags (ich kann mich auch irren) vertical-align und horizontal-align die tabelle positionieren oder man stellt den margin überall auf 50%, die tabelle nimmt sich dann schon ihren platz.
    table { margin: 50% 50% 50% 50%; }

    Kann aber auch sein das es nicht so geht, also Prozent verwenden. Dann halt irgendeine grosse Zahl, die sollte es auch tun.

    MfG, T.Eisenhammer.

    Nachtrag:
    Irgendwer hat sich damals mal den Tag <center> ausgedacht, der sollte das <div align="center"> ersetzen.
     
    T.Eisenhammer, 17.02.2004
  3. knaup2

    knaup2MacUser Mitglied

    Mitglied seit:
    11.06.2003
    Beiträge:
    427
    Zustimmungen:
    0
    vorausgesetzt <div id="?"></div> beinhaltet die website … und keine weiteren absolute positionierung …

    die lösung ist einfach - javascript. ;) code habe ich leider nicht zuhand …

    vielleicht schaffst du es selbst … hier die idee:
    js &nbsp;&nbsp;div_height / 2
    css &nbsp;&nbsp;position: absolute; top: 50% - (div_height / 2);
    js &nbsp;&nbsp;div_width / 2
    css &nbsp;&nbsp;position: absolute; left: 50% - (div_width / 2);
     
    knaup2, 17.02.2004
  4. michael_kaindl

    michael_kaindlMacUser Mitglied

    Mitglied seit:
    17.02.2004
    Beiträge:
    1
    Zustimmungen:
    0
    Hey. Also Du könntest z.B. eine eigene class in css für deinen div container definieren und diesem dann align=center sagen, oder du positionierst in mit tables im div die eine absolute größe haben, ebenfalls absolut mit marginwidth und marginheight ..... wenn ich mich jetzt nicht irre, oder du probierst zuerst das einfachste ..... setze deinen div container einfach in einen center container:

    <center>
    <div>
    </div>
    </center>

    ...... für Infos: http://selfhtml.teamone.de/


    hoffe ich konnte helfen
    Grüße
     
    michael_kaindl, 17.02.2004
  5. RETRAX

    RETRAX Thread Starter

    Hi!

    Ich habs jetzt CSS mässig wie folgt aufgebaut:

    body, td {
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 700px;
    height: auto;
    color: #696969;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    Mir ist jetzt nur noch nicht ganz klar wieso ich da auch eine width von 700 px angeben muss wo doch meine Tabelle im XHTML schon mit 700px definiert ist:

    <table width="700" border="0" cellspacing="2" cellpadding="0">
     
    RETRAX, 17.02.2004
  6. T.Eisenhammer

    T.EisenhammerMacUser Mitglied

    Mitglied seit:
    15.02.2004
    Beiträge:
    69
    Zustimmungen:
    0
    Jetzt hab ich es

    danke aresius ist mir wieder die lösung eingefallen.
    wenn also alles in der bildmitte (sowohl vertikal als auch horizontal) zentriert sein soll geht das mit dem absoluten positionieren.
    und OHNE javascript: (ich nenn das jetzt mal so)
    table.haupt {
    position:absolute;
    left:50%;
    right:50%;
    top:50%;
    bottom:50%;
    }

    so. sollte klappen. problem: alte browser die mit den neuen css sachen nicht klar komman zicken rum.

    MfG, T.Eisenhammer.
     
    T.Eisenhammer, 17.02.2004
  7. T.Eisenhammer

    T.EisenhammerMacUser Mitglied

    Mitglied seit:
    15.02.2004
    Beiträge:
    69
    Zustimmungen:
    0
    nachtrag

    nach dem tollen xhtml baut mal keine styles mehr in tags rein sondern macht das alles über ein tolles stylesheet.
    also nix mit <table width="X">
    sondern
    table { width = Xpx; }

    MfG, T.Eisenhammer.
     
    T.Eisenhammer, 17.02.2004
  8. RETRAX

    RETRAX Thread Starter

    Re: Jetzt hab ich es

    &nbsp;

    hmm so funktionierts hier nicht... da hängt meine Tabelle irgendwo ganz unten...
     
    RETRAX, 17.02.2004
  9. knaup2

    knaup2MacUser Mitglied

    Mitglied seit:
    11.06.2003
    Beiträge:
    427
    Zustimmungen:
    0
    ähem … im code sind viele fehler. :(
    beispiel: das stylesheet sagt, dass eine tabellenzelle 700px breit ist. hat die tabelle 2 spalten, wäre diese 1400px breit …
     
    knaup2, 17.02.2004
  10. RETRAX

    RETRAX Thread Starter

    Re: nachtrag

    &nbsp;

    aha cool! und wie mache ich die:

    cellspacing="2" cellpadding="0"

    in CSS?

    in HTML war der befehl:

    table width 700px cellspacing="2" cellpadding="0" ...
     
    RETRAX, 17.02.2004
Die Seite wird geladen...
Ähnliche Themen - XHTML zentrieren
  1. PowerBookGrafik
    Antworten:
    0
    Aufrufe:
    490
    PowerBookGrafik
    20.10.2010
  2. fantasmo
    Antworten:
    0
    Aufrufe:
    1.200
    fantasmo
    04.05.2010
  3. teqqy
    Antworten:
    9
    Aufrufe:
    804
  4. DanLDSkal
    Antworten:
    16
    Aufrufe:
    1.854
  5. soymos
    Antworten:
    1
    Aufrufe:
    403
    miss.moxy
    19.09.2007