Absolute Mitte

[cyrusmendi]

Hey!

Habe jetzt schon das gesamte INet durchstöbert und weiss nicht, was ich machen soll. Mein Problem sieht so aus:

Ich habe ne Tabele, wellche ich nicht nur per align="center" in die horizontale mitte rücken will, sondern auch in die vertikale.

Fehlveruche folgten im css schon per

.indextable {
table-layout:fixed;
vertical-align:middle
}

und auch weiteres ohne css konnte nicht verarbeitet werden. 2x 100% setzen is auch nicht, da die tabelle in meinem body wie ein div behandelt wird. oder gibts vielleicht eine möglichkeit, ein div drum zu zeichnen und das dann zu zentrieren???

thx für eure antworten (falls überhaupt jmd ne lösung hat)

mfg andré

[schwarze Piste]

Tachchen!

Du suchst das hier.
Beachte allerdings die Nebenwirkungen bei sehr kleinen Fenstern!

Gruß

Die schwarze Piste

[mikey]

das ganze I-Net ?

http://www.quirksmode.org/css/centering.html

in die Suchmaschine deiner Wahl einfach gute Suchbegriffe eingeben

z.B. absolutely centered css
oder
css mitte zentriert vertikal horizontal

es sind bei diesem speziellem Thema meist erst spätere Treffer

mfG
Micha

[nag]

Hallo,

wer sucht, der findet:

http://www.google.com/search?hl=de&q=css+vertical+centering&btnG=Suche

mfg NAG

[saltun]

Hallo!

und auch weiteres ohne css konnte nicht verarbeitet werden. 2x 100% setzen is auch nicht, da die tabelle in meinem body wie ein div behandelt wird. oder gibts vielleicht eine möglichkeit, ein div drum zu zeichnen und das dann zu zentrieren???

Hier im Archiv:http://forum.de.selfhtml.org/archiv/2004/10/t91744/#m552280

Grüße
saltun

[cyrusmendi]

hey!
habe es probiert. aber es ergibt die gleichen fehler wie bei den anderen. durch dir positionierung mit pixel wird das ganze wieder ... mist *g*

[cyrusmendi]

@nag
thx für die hilfe, aber sobald ich den height des oberen div auf prozent umstelle macht der ie überhaut nix mehr. funzt wahrscheinlich nur mit festen grössen und selbst da gibts kein akzeptables ergebniss.

@schwarze Piste
zwar nicht das selbe problem, aber durch die absolute positionierung schiebt sich meine tabelle nicht mit bei größenänderung. sieht so aus, als ob der maximal div verschiebt

@mikey
thx für die suchbegriffe. erfolg trotzdem = 0

[Lösung cyrusmendi]

ok, gefunden:
HEAD:

<style type="text/css">
<!--
#boxa {
 position:absolute;
 top:50%;
 left:50%;
 width:20px;
 height:20px;
}

#boxb {
 position:relative;
 top:-220px;
 left:-455px;
 height:440px;
 width:910px;
}
-->
</style>

BODY:
<div id="boxa">
<div id="boxb">

eben der Text und so

</div></div>

Dazu zu sagen wäre, dass die absolute mitte der tabelle nur erreicht wird, wenn man im style der boxb height und width der größe seiner tabelle/grafik/innenlebens anpasst.
daraus resultieren:
top = height / 2 und dann negieren
left = width / 2 und dann negieren

hoffe, ich hab mal ein wenig licht ins dunkel gebracht und danke meinen vorrednern, die mich auf die entscheidende lösung hingewiesen haben!!!

mfg André

[Cyx23]

Hallo,

Habe jetzt schon das gesamte INet durchstöbert [...

vielleicht hilft dir CSS für alle Browser weiter, etwa das Beispiel Zentriertes Div für alle Browser.

Grüsse

Cyx23