div inhalt vertikal mittig

[frank7l7]

Frage

wie kriege ich es in einem div tag hin das alle element also z.b text und input felder vertikal immer mittig zentriert werden und das möglichst browserkompatibel. das was ich über google gefunden habe ist ehr murgs...

danke

fra*

[Shurakai]

Was hast du denn gefunden und ausprobiert? Weil das müßen wir dann ja nicht mehr vorschlagen...

[frank7l7]

das beste hab ich gefunden unter

http://www.jakpsatweb.cz/css/css-ver...-solution.html

aber erhlich gesagt find ich das etwas gemurkst und such nach ner zukunfstweisenderen Lösung ich befürchte allerdings das beste werden die guten alten tabellen bleiben ...

[ArSeN]

vertical-align ?

[frank7l7]

ja ne ach wirklich wenn es so einfach wäre und alle browser vertival align auf layer genauso anwenden wie auf tabellen wäre als bunt. Und zur Info ich habe es dann aufgegeben weil ich nicht eingesehen habe 10 zeilen css zu schreiben um das zu erreichen was ich mit 10 zeilen tabletag auch erreiche und mir dabei sicher sein kann das alle browser das dann raffen. css ist echt manchmal zum

f*

[TobiaZ]

http://thestyleworks.de/tut-art/centerblock.shtml

[frank7l7]

ah gute seite sehr interessante sache

[mcmurphy]

Aber wie verhindert man, das der zentrierte Part aus dem Viewport wandert, wenn das Fenster verkleinert wird?
DAS ist für mich noch immer ein Argument, beim mittig zentrieren eine Tabelle (mit einer einzigen Zelle zu nehmen)

[Kropff]

das der zentrierte Part aus dem Viewport wandert

was meinst du mit viewport?

das der zentrierte Part aus dem Viewport wandert, wenn das Fenster verkleinert wird?

wenn man es sauber macht, wandert da garnichst.

gruß
peter

[TobiaZ]

Er meint, dass wenn du für das div eine fixe Breite definierst und dann dein Fenster verkleinerst, erhältst du nen horizontalen Scrollbalken.

[wahsaga]

Original geschrieben von Kropff
was meinst du mit viewport?

OffTopic:

---

Kann dem Kerl mal jemand den "Dev Guru"-Titel wieder wegnehmen?

---

http://www.w3.org/TR/CSS21/visuren.html#q2

Original geschrieben von TobiaZ
Er meint, dass wenn du für das div eine fixe Breite definierst und dann dein Fenster verkleinerst, erhältst du nen horizontalen Scrollbalken.

Nope.
Bei der Lösung mit absoluter Positionierung und negativen margins wandert das Element nach links und nach oben aus dem Viewport - und da kannst du nicht hinscrollen.

[Kropff]

Original geschrieben von wahsaga

OffTopic:

---

Kann dem Kerl mal jemand den "Dev Guru"-Titel wieder wegnehmen?

---

OffTopic:

---

herrgott, bin ich jesus, trag ich sandalen, hab ich löcher in den händen

außerdem bin ich in trauer

---

Er meint, dass wenn du für das div eine fixe Breite definierst und dann dein Fenster verkleinerst, erhältst du nen horizontalen Scrollbalken.

eine horizontalen scrollleiste bekommt man doch nur dann, wenn der inhalt breiter ist als das fenster. oder verstehe ich etwas falsch?

gruß
peter

EDIT:

---

hab mir mal den link von wahsaga vorgenommen. ich habe doch etwas falsch vestanden.

---

[mcmurphy]

@ wahsaga, endlich einer der mich versteht
das ist besonders schlecht, wenn das "Motiv" einer Seite so groß ist, das es bei 1024er Bildschirmen quasi (bzw. fast) Bildschirm füllend ist. Hat ein User dann das Browser Fenster auf sagen wir mal halbe Bildschirmgröße gestellt, sieht man nur den unteren Teil....
Bsp.:
(Ist in dem Beispiel nicht der Fall, da von oben fest positioniert, wäre es aber bei der oben beschriebenen Methode ....)

[Kropff]

naja, man könnte mit relativen angaben arbeiten, aber das schränkt das design z.t. doch erheblich ein.

gruß
peter

[mcmurphy]

Ist meiner Meinung nach der einzige Fall, wo der Einsatz einer Tabelle für Design Zwecke gerechtfertigt wäre.....
@ wahsaga: was meint ER dazu?