[CSS] Tabelle (2 Zeilen 1 Spalte) absolut mittig positionieren

Dieses Thema im Forum "Webdesign" wurde erstellt von joker.org, 29. März 2009 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 29. März 2009
    Tabelle (2 Zeilen 1 Spalte) absolut mittig positionieren

    Hallo Leute,

    ich bräuchte eure Hilfe in CSS.
    Ich möchte auf einer Homepage ein Intro erstellen, welches aus einem Flash-Objekt besteht.

    Dieses und noch ein Text darunter, habe ich in einer Tabelle eingebunden.
    Diese Tabelle soll sowohl vertikal als auch horizontal mittig, d.h. zentriert sein.

    Am Besten noch Auflösungsunabhängig also mit Prozent, sofern das funktioniert.


    Kann mir dafür jemand eine Style-Class nennen?
    Es wäre cool, wenn mir jemand die Class definieren würde.

    Danke.

    Bewertungen sind Ehrensache.

    Gruß joker.org
     

  2. Anzeige
  3. #2 29. März 2009
    AW: Tabelle (2 Zeilen 1 Spalte) absolut mittig positionieren

    horizontal:

    parent: text-align:center;
    element: margin-left, margin-right: auto;
     
  4. #3 29. März 2009
    AW: Tabelle (2 Zeilen 1 Spalte) absolut mittig positionieren

    vertical: javascript, weil da einige browser sonst nicht mitspielen.

    Code:
    var windowHeight = (window.innerHeight ? window.innerHeight
     : (document.documentElement ? document.documentElement.offsetHeight
     : document.body.offsetHeight
     )
    );
    var element = document.getElementById('vcenter');
    var elementHeight = element.offsetHeight;
    if(elementHeight < windowHeight)
     element.style.marginTop = ((windowHeight - elementHeight) / 2) + 'px';
    danach der tabelle die id "vcenter" geben und das skript beim onload ausführen
     
  5. #4 30. März 2009
    AW: Tabelle (2 Zeilen 1 Spalte) absolut mittig positionieren

    Probiers mal damit...

    PHP:
    < style type = "text/css"
    <!-- 

    BODY 
     
    margin 0px 0px 0px 0px


    #zentriert { 
     
    position absolute
     
    width 955px
     
    height 650px
     
    left 50 %; 
     
    top 50 %; 
     
    margin - left : - 480px ;
     
    margin - top : - 350px


    --> 
    </
    style >

    <
    script src = "Scripts/AC_RunActiveContent.js"  type = "text/javascript" ></ script >
    </
    head >

    </
    head >
    <
    body >
    <
    table width = "100%"  border = "0"  cellspacing = "0"  cellpadding = "0" >
        <
    tr >
            <
    td align = "center"  valign = "middle" >
                <
    div align = "center" >
                </
    div >
            </
    td >
        </
    tr >
    </
    table >
    </
    body >
    </
    html >
     
  6. #5 31. März 2009
    AW: Tabelle (2 Zeilen 1 Spalte) absolut mittig positionieren

    Hey,
    super vielen Dank.
    Hat prima funktioniert.

    Bewertung ging raus.

    Gruß joker.org
     

  7. Videos zum Thema
Die Seite wird geladen...
Similar Threads - CSS Tabelle Zeilen
  1. Antworten:
    6
    Aufrufe:
    747
  2. [CSS] Tabellenlayout VS CSS

    joop , 1. Dezember 2009 , im Forum: Webdesign
    Antworten:
    4
    Aufrufe:
    806
  3. Antworten:
    10
    Aufrufe:
    426
  4. Frames & Tabelle vs CSS

    Gilmohr , 29. Dezember 2008 , im Forum: Webentwicklung
    Antworten:
    1
    Aufrufe:
    261
  5. Antworten:
    8
    Aufrufe:
    495