div positionen und groessen

[edi]

Immer das gleiche Thema hier, sorry.

hab einen div erstellt mit position absolut (oben und links mit px) und Hoehe mit 100%.
das Feld wird aber nur so hoch wie der Inhalt. Die Hoehe in px weis ich nicht soll der variablen Bildgesamthoehe entsprechen.

zweites Problem in der Breiteneinstellung kann ich eingeben

 <div align="center">

funktioniert prima

aber in der Hoehe

 <div valign="middle">

will er nicht nicht. ??? Wat nu?

 

[Commodore]

1) Versuchs mal damit im Style-Tag:

html, body{
height:100%;
}

2) Versuchs mal mit CSS, wenn das auch nicht klappt musst du schauen ob die Box nicht zu klein ist.

 

[threadi]

<div valign="middle">

Das würde nur funktionieren, wenn das div auch eine vorgegebene Höhe hat und als Tabelle definiert ist. Vertikale Zentrierung funktioniert leider nur in diesen Fällen. Mit CSS sähe es so aus:

<div style="display: table-cell;width: 100px;height: 100px;vertical-align: middle;">Inhalt</div>

würde allerdings auch nicht in jedem Browser funktionieren, da z.B. der IE6 kein table-cell kennt.

 

[mi-schi]

Wenn du die Höhe nicht weißt, dann lass sie weg, like:

<div style="width:300px;">
text<br/>
text<br/>
text<br/>
text<br/>
.
.
.
</div>

oder ineinander verschachteln, geht auch.

In der vertikalen Mittig geht schwieriger und ist nicht optimal:

<div style="position:absolute; top:50%; height:500px; margin-top:-250px;">
Hie Höhe muss angegeben werden und margin-top ist die (negative) Hälfte der Höhe
</div>

 

[edi]

hab wir jetzt ein div mit nur einem px Groesse auf die Mitte des Bildschirmes gelegt.
und dann den richtigen div in Position relative dazu gelegt. bei Position mit halbe Groesse negativ erreicht man die Mitte des Bildschirmes (top: = -height/2)