ebenen horizontal zentrieren

[dante]

hallo

bitte schlagt mich nicht wegen der frage ;)

VORWORT: ich habe mich umgeschaut was es zu diesem theam gab sowohl hier als auch sonstwo im netz. das ist dabei herausgekommen:

...
<div id="center" style="position:absolute; width:100%; text-align:center;">

<div id="inhalt" style="position:absolute; top: 40px; height:313px;  margin-left:auto; margin-right:auto; z-index:1">

/// die beiden habe ich nur um zu zentrieren

<div id="main" style="position:absolute; left:-306px; bottom: -1px; z-index:90"><img src="gfx/main.gif" width="611" height="270"></div>
   <div id="pop" style="position:absolute; left:-306px; z-index:100"><img src="gfx/pop_normal.gif" lowsrc="gfx/pop_low.gif" width="623" height="49"></div>

/// das ist der zentrierte inhalt leider beides bilder deswegen left um 50% der bildgrösse gesteztz denn sonst hätten die bilder in derr perfekten genauen mitte ANGEFANGEN!!!

nunja das ergebnis sieht im IE so aus wie ich es wollte (zentriert)
nur im netscape fängt die mitte der bilder an linken rand an ohne die funktion zu haben zu scrollen, d.h. das netscape die beiden ersten layer mit den angaben anscheinend nicht akzeptiert.

gut. wie bekomme ich es denn jetzt hin dass es zentriert ist und überall funkt???

</div>
</div>

wie gesagt ist mein ziel die horizontale mittelung des layers:

[Götz]

Hallo dante!

<div id="center" style="position:absolute; width:100%; text-align:center;">

<div id="inhalt" style="position:absolute; top: 40px; height:313px;  margin-left:auto; margin-right:auto; z-index:1">

Wenn breite 100% ist, dan ngibst links und rechts keine Ränder.

nunja das ergebnis sieht im IE so aus wie ich es wollte (zentriert)

Was nicht heißen muß, daß er es auch richtig macht.

nur im netscape fängt die mitte der bilder an linken rand an ohne die funktion zu haben zu scrollen, d.h. das netscape die beiden ersten layer mit den angaben anscheinend nicht akzeptiert.

Welcher Netscape denn eigentlich? (vermutlich irgendein 7er, also ein"getarnter" Mozilla, oder?)

Da die Breite auf 100% gesetzt wird, finde ich es irgendwo logisch, daß Netscape die 306px vom linken Rand des divs, also vom linken Bildschirmrand aus nimmt.

MfG
Götz

[dante]

Hallo dante!

hi

<div id="center" style="position:absolute; width:100%; text-align:center;">

<div id="inhalt" style="position:absolute; top: 40px; height:313px;  margin-left:auto; margin-right:auto; z-index:1">

Wenn breite 100% ist, dan ngibst links und rechts keine Ränder.

die breite ist 100% weil darin ein weiteres layer ist, dass 313px breit ist (also die breite die ich haben will) welches sich eigentlich automatsch mittig ausrichten soll (margin-left:auto; margin-right:auto; )

nunja das ergebnis sieht im IE so aus wie ich es wollte (zentriert)»»
Was nicht heißen muß, daß er es auch richtig macht.

ja kann sein... nur so wie er es anzeigt solls am ende aussehen....

nur im netscape fängt die mitte der bilder an linken rand an ohne die funktion zu haben zu scrollen, d.h. das netscape die beiden ersten layer mit den angaben anscheinend nicht akzeptiert.

Welcher Netscape denn eigentlich? (vermutlich irgendein 7er, also ein"getarnter" Mozilla, oder?)

also ich habs jetzt im netscape 6 getestet...

Da die Breite auf 100% gesetzt wird, finde ich es irgendwo logisch, daß Netscape die 306px vom linken Rand des divs, also vom linken Bildschirmrand aus nimmt.

ja? finde ich jetzt nich... *G*

naja wie würdest du einen layer horizonzal zentrieren dass kein browser damit schwierigkeiten hat???

dante

[Götz]

Hallo dante!

<div id="inhalt" style="position:absolute; top: 40px; height:313px;  margin-left:auto; margin-right:auto; z-index:1">

die breite ist 100% weil darin ein weiteres layer ist, dass 313px breit ist (also die breite die ich haben will) welches sich eigentlich automatsch mittig ausrichten soll (margin-left:auto; margin-right:auto; )

Wo setzt du die Breite auf 313px? (height != width ;)

ja kann sein... nur so wie er es anzeigt solls am ende aussehen....

Ok.

also ich habs jetzt im netscape 6 getestet...

Ist ja auch schon ein Mozilla.
Hast du das Beispiel online?

naja wie würdest du einen layer horizonzal zentrieren dass kein browser damit schwierigkeiten hat???

Ähm. Ich meine ich hatte auch vor kurzem sowas, und bin dann auf ein Gemisch zw. Tabellen und divs ausgewichen oder so.
(Hintergrundbild sollte "ganz" zentriert sein, also sowohl horizontal, als auch vertikal - Hab dann halt ne 100%-100%-Tabelle mit einer Zelle in einen Div der im Hintergrund liegt gelegt und mit align/valign zentriert)

MfG
Götz

[dante]

Hallo dante!

Wo setzt du die Breite auf 313px? (height != width ;)

alles korigiert

Ähm. Ich meine ich hatte auch vor kurzem sowas, und bin dann auf ein Gemisch zw. Tabellen und divs ausgewichen oder so.
(Hintergrundbild sollte "ganz" zentriert sein, also sowohl horizontal, als auch vertikal - Hab dann halt ne 100%-100%-Tabelle mit einer Zelle in einen Div der im Hintergrund liegt gelegt und mit align/valign zentriert)

genau das will ich verhindern, da ja die tabelle erst angezeigt wird wenn sie komplett geladen ist und das was ich zentrieren will ist der komplette inhalt!

[dante]

nur kurz das online beispiel:

www.volk-marketing.de/supertest

was funktioniert hier nicht richtig

[wahsaga]

hi,

nur kurz das online beispiel:
www.volk-marketing.de/supertest

hmpf. http://www.volk-marketing.de/supertest heisst das.

was funktioniert hier nicht richtig

vielleicht befreist du das css erstmal von den fehlern, http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.volk-marketing.de%2Fsupertest%2F&warning=1&profile=css2&usermedium=all.

gruss,
wahsaga

[dante]

nun...

nach schweisstreibender fehlerbehebung (es hat sich ergeben dass beim handcoden etwa 3 semikola hinter den dem z index vergessen wurden) hat sich unglaublicher weise nichts am erscheinungsbild geändert.

dabei habe ich doch noch so ne tolle gratulation bekommen dass die seite fehlerfrei ist.

Ergebnisse des W3C CSS-Validator mit Objekt: http://www.volk-marketing.de/supertest/
Keine Fehler oder Warnungen gefunden
Gratulation

ps.: das online beispiel ist unter http://www.volk-marketing.de/supertest/index.htm

(hoffentlich findet ihr es)

[MudGuard]

Hi,

dabei habe ich doch noch so ne tolle gratulation bekommen dass die seite fehlerfrei ist.
Ergebnisse des W3C CSS-Validator mit Objekt: http://www.volk-marketing.de/supertest/

Wirklich?

width=158px
ist z.B. kein korrektes CSS...
Teilweise auch mehrere width-Angaben usw...

cu,
Andreas

[dante]

Wirklich?

ja schau selbst nach

nun gut dass ist aber nicht mein problem und jetzt ist es "repariert".

*zwischenzeitlich sind stunden testens vergangen und entweder bin ich dumm, css dumm oder browser dumm*

MEIN PROBLEM:

wie kann ich ebenen zentrieren dass eine ebenen mittig ist und in ihr alle anderen objekte "normal" laufen d.h. nicht in der mitte anfangen oder aus dem bildrand heraus etc.

[wahsaga]

hi,

nach schweisstreibender fehlerbehebung (es hat sich ergeben dass beim handcoden etwa 3 semikola hinter den dem z index vergessen wurden) hat sich unglaublicher weise nichts am erscheinungsbild geändert.

das habe ich auch nicht anders erwartet.

aber es ist immer sinnvoll, erstmal vorhandene fehler auszumerzen, bevor man sich auf die suche nach "unerklärlichen" fehlern macht, um folgefehler ausschliessen zu können.

gruss,
wahsaga

[dante]

kann es sein dass der server eben nen kleinen ausfall hatte? weil ein paar threats wurden nach ca 14.40 abgeschnitten

[Götz]

Hallo dante!

kann es sein dass der server eben nen kleinen ausfall hatte? weil ein paar threats wurden nach ca 14.40 abgeschnitten

Der Forumsserver wurde neu gestartet. Der Neustart hängt vermutlich mit dem Forumsupdate vorher zusammen.
Genaueres weiß ich dazu noch nicht, aber es gingen wohl ein paar Postings verloren, wie es scheint.

MfG
Götz

[Thomas Luethi]

Hallo,

kann es sein dass der server eben nen kleinen ausfall hatte? weil ein paar threats wurden nach ca 14.40 abgeschnitten

Kann ich bestaetigen.

Ich war ziemlich sauer, hatte gerade zwei laengere Postings
(Antworten mit etlichen Links) abgesetzt, kriegte dann einen 500er,
und nach ein paar Minuten war der neuere Thread verschwunden,
und im andern Thread meine Antwort weg.

Seither tippe ich meine laengeren Antworten "offline" im Editor
und uebernehme sie dann per Copy-Paste ins Formularfeld.
Das Editor-Fenster bleibt vorsorglich geoeffnet, bis ich
Feierabend mache...

Vielleicht gibt's ja noch 'ne offizielle Erklaerung
fuer diesen Ausfall?

mfg
Thomas

[rainer groth]

Hallo dante,

wie gesagt ist mein ziel die horizontale mittelung des layers:

Also suchst Du wohl http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htm.

gruesse
rainer groth

[dante]

Hallo dante,

wie gesagt ist mein ziel die horizontale mittelung des layers:

Also suchst Du wohl http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htm.

tja und genau damit klappt es ja nicht (siehe online beispiel)

[rainer groth]

Hallo dante,     <-- </faq/index.htm#Q-05a>

Also suchst Du wohl http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/index.htm.

tja und genau damit klappt es ja nicht (siehe online beispiel)

Leider liefert http://www.volk-marketing.de/supertest zur Zeit nur einen 404 :-(

Stell Deine Beispieldatei bitte wieder online und gebe dann hier einen Hinweis - dann schauen wir mal.

gruesse          <-- </faq/index.htm#Q-05c>
rainer groth