Hallo!

Ich hab bei folgendem Link: http://little-blue-dolphin.de/boffi3.htm versucht den Container mit dem Inhalt sowohl horizontal auch als Vertikal zu zentrieren, indem ich den gesamten Container in eine einzige Tabellenzeile gepackt hab und die entsprechend mit align ausgerichtet habe.
Funktioniert auch soweit bei beiden browsern-
allerdings, der FF vergrößert mir rechts und unten den Rahmen um 1 px...,
der Effekt ist weg wenn ich das Einpacken in eine Tabelle rausnehme, dafür krieg ich dann das ganze nicht mehr vertikal zentriert.

Weiß jemand woran das liegen könnte?
Ich hab dem Rahmen auch schon eine andere Farbe gegeben um auszuschliessen daß es irgendein Hintergrund ist.

Horizontal und vertikal zentrieren geht auch mit CSS

http://scholz-webdesign.de/css/demo/zentrieren/


Da hast du es später leichter, sollte sich das Design doch mal ändern. ( und keine unnötigen Tabellen)



Inline Styles Könnte man auch auslagern - wie gesagt, später hat mans einfacher


Dir dürfte vermutlich das weiterhelfen:

http://de.selfhtml.org/css/eigenscha...order_collapse


Ansonsten Willkommen im Club.


grüsse andir

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Hm, diese Methode finde ich nicht sehr empfehlenswert, da bei kleinem Viewport der Inhalt unwiederbringlich nach links und oben verschwindet.
Ich empfehle die Lektüre dieses Threads.

Grüße
fricca

@fricca

Hm, verstehe ich nicht?

Resize im FF und IE bringen befriedigende Ergebnisse - um eine Kenntnis der Höhe und ggfs. Breite des Containers, der zentriert werden soll, kommt man nicht herum.

Bei dem von Dir verlinkten Thread ist zumindest auch die Höhe zu wissen?

Grüsse andir

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Mach mal dein Browserfenster sehr schmal und versuche dann, den linken Rand des Elementes zu sehen - und mach mal dein zentriertes Element höher und dann das Fenster sehr niedrig - dann kommst du oben nicht mehr ran.
Das ist ein bekanntes Problem bei der Methode der absoluten Positionierung/negativen Verschiebung - da nützen auch min-width und -height nichts.

Und dass zumindest die Höhe bekannt sein muss ist klar.

Grüße
fricca

Mit dem Beispiel von Thomas geht das nicht
Habe mir selbst was gebastelt und du hast recht.
Bei relevanten Größen, wie sie durchaus mal vorkommen können, hilft diese Methode nicht weiter. Wer hat schon ein Layout, das auf <10em basiert ?


In diesem Fall sind die tables die deutlich bequemere Variante.

grüsse und gute Nacht

andir

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Ich weiß leider nicht, welches du meinst...

Mit den bekannten Nachteilen von Layouttabellen...

Hallo, Danke Euch erstmal.

ich habs gefunden: der FF macht den Fehler nur wenn ich 1pt statt 1px schreibe

was ist denn der unterschied zwischen 1pt und 1 px für die Linienbreite
also in CSS 4 you hab ich beides gefunden im Zusammenhang mit dem border-style.


ich verwende ja nur eine einzige Tabellenzelle - und die auch nur zum zentrieren des ganzen Containers...

scheint jetzt zu funktionieren: http://little-blue-dolphin.de/index.htm

pt ist eine Einheit die am Bildschirm nichts verloren hat - genauso wenig wie mm. pt ist nur für den Druck geeignet.
Bitte nachlesen.
auch bei selfhtml

Grüße
fricca