div layer ausrichten

[funk-feuer]

Hallo,

ich habe ein Problem. Ich möchte meine Website-Seite mit css bauen und habe jetzt einen Container angelegt mit den Maßen 850 x 720 px und möchte, dass dieser mittig vom Bildschirm angezeigt wird. Wie mache ich das? Zudem möchte ich dass dieser Layer in der Höhe Variabel ist, also, dass wenn mal mehr Inhalt auf der Seite steht, der Layer länger wird. Wie kann ich das realisieren?

Vielen Dank für eure Hilfe

funk-feuer

[Mich@el]

Hi funk-feuer.
Auf CSS4you ist ein Beispiel. Oder du verwendest auch die Suche hier im Forum. Da gibt´s schon einiges dazu.

Grüße
Michael

[marc22]

Kleiner Tipp.

Arbeite mit "min-height" und für den IE6 mit "height"

[Mich@el]

Zitat von slayer2205

Kleiner Tipp.
Arbeite mit "min-height" und für den IE6 mit "height"

Nimmst Du bezug auf diesen Beitrag?

[Coladose]

Zitat von funk-feuer

Hallo,

ich habe ein Problem. Ich möchte meine Website-Seite mit css bauen und habe jetzt einen Container angelegt mit den Maßen 850 x 720 px und möchte, dass dieser mittig vom Bildschirm angezeigt wird. Wie mache ich das? Zudem möchte ich dass dieser Layer in der Höhe Variabel ist, also, dass wenn mal mehr Inhalt auf der Seite steht, der Layer länger wird. Wie kann ich das realisieren?

Vielen Dank für eure Hilfe

funk-feuer

So gehts:
(CSS-Code)



#container
{
padding: 0;
margin: 0;
min-height: 720px;
height:auto !important;
height: 720px;
width: 850px;
/*auto-zentrierung layer*/
margin-left: auto;
margin-right: auto;
overflow: visible;
}



LG

Coladose

[marc22]

Zitat von Mich@el

Nimmst Du bezug auf diesen Beitrag?

Nein, es geht nur darum, dass er einen Container mit einer bestimmten Mindesthöhe haben will, der sich aber mit vergrößerndem Text ebenfalls vergrößert.

[Marc-B.]

Zusätzlich kannst du "float" noch auf "center" setzten damit der Textfluss passt. Normalerweise gibt es bei der o.g. Funktion eig. nur "left" o. "right", allerdings übernimmt er es trozdem.

Wichtig dabei ist, dass wenn du den Textfluss änderst u.a. auch "margin:0px auto;" angibst.

Zitat von Coladose

So gehts:
(CSS-Code)



#container
{
padding: 0;
margin: 0;
min-height: 720px;
height:auto !important;
height: 720px;
width: 850px;
/*auto-zentrierung layer*/
margin-left: auto;
margin-right: auto;
overflow: visible;
}



LG

Coladose

[Boris]

Es gibt kein float: center ...

[funk-feuer]

Hallo,

danke für eure Hilfe. Also ich habe jetzt folgendes ausprobiert:

#container {
position: absolute;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: 760px;
height: 550px;
padding: 0px;}

und es wird mir immer noch links angezeigt und nicht mittig. Also, keine Ahnung was da los ist.....

kann mir jemand helfen?

funk-feuer

[Mich@el]

Hi funk-feuer!
Guck´ Dir mal die Anlage an. Vielleicht kommst Du damit klar.

Grüße
Michael

[Coladose]

Zitat von funk-feuer

Hallo,

danke für eure Hilfe. Also ich habe jetzt folgendes ausprobiert:

#container {
position: absolute;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: 760px;
height: 550px;
padding: 0px;}

und es wird mir immer noch links angezeigt und nicht mittig. Also, keine Ahnung was da los ist.....

kann mir jemand helfen?

funk-feuer

ääähemm....: man kann keine layers mit position "absolute" automatisch ausrichten....ABSOLUT heisst ja, das mann den layer ABSOLUTE abstände
geben muss per left, right, top aund bottom

AAHLSSSOOO: weg damit oder position: relative angeben


lg
coladose

[Coladose]

Zitat von Marc-B.

Zusätzlich kannst du "float" noch auf "center" setzten damit der Textfluss passt. Normalerweise gibt es bei der o.g. Funktion eig. nur "left" o. "right", allerdings übernimmt er es trozdem.

Wichtig dabei ist, dass wenn du den Textfluss änderst u.a. auch "margin:0px auto;" angibst.

sry senor, aber das ist absoluter käse...wenn dann schon margin: 0 oder margin: auto... und wie schon erwähnt: float center gibts nicht!

[funk-feuer]

Hallo,

also danke erstmal für eure Hilfe. Habe jetzt eine ganze Weile keine Zeit gehabt an der Seite weiterzubauen. Ich probiere das aber aus, indem ich das position auf relative setze und berichte, ob es geklappt hat - ich hoffe ja. Ich sollte echt mal langsam eine CSS kurs beschen, aber ich finden keinen guten....

[Coladose]

Zitat von funk-feuer

Hallo,
Ich sollte echt mal langsam eine CSS kurs beschen, aber ich finden keinen guten....

Guckste Hier!