kleines problem mit layer

[joextra]

hi,

hab folgendes problem. ich hab einen hauptlayer (page). darin werden die restlichen elemente (divs) absolut positioniert. leider bekomme ich es nicht hin den hauptlayer dynamisch zu machen, das die größe (nach unten) dynamisch erweitert wird wenn nötig. bin schon seit stunden auf der suche nach einer antwort und komme nicht weiter. kann mir da vielleicht jemand helfen?
das css des hauptlayers sieht mom. so aus:

body {
	background-color: #ffffff;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align:center;
	margin: 0px auto;
}

.page {
	position:relative;
	top:0px;
	width:1022px;
	min-height:768px;
	height:auto !important;  /* für moderne Browser */
	height:768px;  /*für den IE */
	background-color:#87807C;
	margin: 0 auto;
}

es sollte eine mindesthöhe haben, aber wenn nötig nach unten länger werden. das dokument soll mittig in der seite erscheinen. wenn die browserbreite verändert wird, soll es sich dynamisch mit verändern. kann mir da jemand helfen. ich dreh noch ab hier

[asp2php]

versuch mal so

 

#page {
   height: 768px; /* das hier für den ie */
}

/* wird nicht vom ie interpretiert */
#page[id] {
   height:auto;
   min-height:768px;
}

[wahsaga]

Re: kleines problem mit layer

Mach dir klar, dass absolute Positionierung ein Element aus dem Fluss nimmt, es also die Maße seiner Vorfahrenelemente damit nicht mehr beeinflussen kann.

[joextra]

wie kriege ich es dann hin das die Element wieder im Fluss sind? im prinzip brauch ich halt den hintergrund mit einer festgesetzten breite und die ganzen layer die dann in diesen bereich positioniert werden. bis jetzt habe ich es immer so gemacht und es hat geklappt. aber jetzt stehe ich vor dem problem, das der hg eine dynamische höhe haben muss.
und wenn ich das mit layer nicht so hinbekomme werde ich wohl auf tabellen umsteigen

[asp2php]

nimm position absolute raus, dann sind sie wieder im Fluß. Nun kommt es auf dein Können an, sie so wie gewünscht zu positionieren, Tipp: float, margin, padding hilft dir gern dabei

[joextra]

@asp2php
danke, so klappts

[joextra]

jetzt habe ich doch ein kleines problem. auf dem ie sieht es gut aus, aber der ff (v. 1.5) geht nur nach min-height. passt also die höhe nicht automatisch an. das css sieht so aus:

Zitat:
.page {
position:relative;
top:0px;
width:1022px;
min-height:768px;
height:auto !important; /* für moderne Browser */
height:768px; /*für den IE */
background-color:#87807C;
margin: 0 auto;
padding-bottom:20px;
}

weiß jemand woran es liegen könnte?

[Kropff]

und was soll dann das?

height:auto !important; /* für moderne Browser */ 

bitte min-height setzen und height für den ie in einer hack-anweisung.

gruß+
peter

[joextra]

bitte min-height setzen und height für den ie in einer hack-anweisung.

hab ich doch drin, oder wie meinst du das?

[Kropff]

1. height:auto !important; raus
2. z.b. den stern-hack nur für den ie 6

* html .page 
{
   height:768px;;
} 

gruß
peter

[joextra]

ok, habs so probiert. leider bringt es keine besserung
der ff will einfach nicht die höhe verändern, und bleibt stur bei den 768 pixeln

[Kropff]

online-beispiel? neuer code? wie sieht es mit dem inhalt aus?

gruß
peter

[joextra]

so, mir wars jetzt zu blöd mit den ganzen. hat mich eh zu viel zeit gekostet. deswegen hab ich jetzt ganz billig einen table drum rum gemacht und es funktioniert.