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

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

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  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
     
  3. 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. 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. 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. 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. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.