3 div untereinander - der untere dynamisch

derSESO · 23.03.2011, 21:33

hallo!

ich bin am verzweifeln...

ich brauche 3 divs, die untereinander und zentriert angezeigt werden.
dabei sind die beiden ersten mit einer festen höhe gesetzt.
der letzte soll die restliche höhe dynamisch bekommen.
so, das die 3 divs zusammen immer 100% höhe haben.

was ich habe:

Code:

<body style="margin: 0; height: 100%;">

<div style="position: relative; width: 850px; min-height: 100%; height: auto !important; height: 100%; background: grey;">
    <div style="width: 850px; height: 200px; background: red;"></div>
    <div style="width: 850px; height: 30px; background: green;"></div>
    <div style="width: 850px; background: yellow; color: #000;">Hallo</div>
</div>

</body>

nur das mit dem 3. div bekomme ich nicht hin.

syNTax · 26.03.2011, 19:52

Hi,
ich bin mir jetzt nicht sicher ob es stimmt was ich verzapfen werde da ich mich gerade nicht entsinnen kann was passiert wenn man höhenangaben per % machen würde. Da bei dir in den ersten beiden diffs die Höhe mit px festlegst ist, kannst du mal versuchen einfach 100% anzugeben. Ansonsten müsstest um das zu bewerkstelligen die Auflösung der User auslesen die Höhen der ersten beiden diffs abziehen, zuzüglich noch die Browser "kante" berücksichtigen und wenn du es ganz genau haben willst muss du noch ermitteln welchen Browser der User benutzt und je nach Browser den Abstand zum bildschirmrand angeben. Du solltest eventuell auch verschiedene Browser Versionen unterscheiden. FireFox 4.0 hat standardmäßig ein geringeren Abstand als noch die Versionen davor und so weiter. Ob man festellen kann ob jemand im vollbildmodus surft oder nicht weiss ich nicht.
Bin mir jetzt nicht sicher aber ich glaub man kann auch per php die Bildschirmauflösung aus den Header Infos ziehen.
Was ich aber empfehlen würde ist eine mindestgröße zu definieren und es gut sein zu lassen^^

Alle angaben ohne Gewähr und haut mich nicht gleich tot falls ich mich geirrt habe.

P.S. Das Thema interessiert mich auch bin auf andere antworten gespannt

tr0y · 27.03.2011, 05:52

Code:

<body style="margin: 0; height: 100%;">

<div style="position: relative; width: 850px; min-height: 100%; height: auto !important; height: 100%; background: grey;">
    <div style="width: 850px; height: 200px; background: red;"></div>
    <div style="width: 850px; height: 30px; background: green;"></div>
    <div style="position: absolute; width: 850px; background: yellow; color: #000; top:231px; bottom:0;">Hallo</div>
</div>

</body>

Birgt aber ein bis zwei Nachteile mitsich die du recht schnell bemerken wirst.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Mehrfach aufruf Dynamisch generiert Grafik auf einer Seite	Lunaninchen	PHP Tipps 2010	7	11.08.2010 08:47
[Erledigt] drei DIVs mit absoluten und %-Höhen untereinander	Tensin	HTML, Usability und Barrierefreiheit	7	23.09.2009 17:54
[Erledigt] CSS-Wert dynamisch ändern	Dragonfly	PHP Tipps 2009	4	09.08.2009 14:13
Dynamisch Ordner erstellen und Dynamisch Bilderordner auslesen	timmeyy	PHP Tipps 2009	9	22.06.2009 09:13
Inhalte / Layer zeitgesteuert dynamisch ändern	goodieboy	PHP Tipps 2008	7	10.11.2008 15:28
PHP: Dynamisch erzeugte Buttons auslesen	SvenLittkowski	PHP Tipps 2008	9	29.10.2008 10:36
Javaskript klappmenü dynamisch mit PHP	Schubbcasten	PHP Tipps 2008	9	15.07.2008 15:45
tabelle... dynamisch etc..	goelliboy	HTML, Usability und Barrierefreiheit	1	25.07.2006 01:09
Serverzeit dynamisch wiedergeben	Rockmaster	PHP Tipps 2006	4	19.02.2006 19:34
dynamisch erstellte Formularfelder mit POST übergeben	RoDa	PHP Tipps 2005-2	3	19.06.2005 12:41
Uploadfelder dynamisch erzeugen und abfragen		PHP Tipps 2005-2	1	03.06.2005 23:01
[Erledigt] Texte dynamisch bearbeiten		HTML, Usability und Barrierefreiheit	9	21.09.2004 17:10
Variablenname dynamisch zusammensetzen	RoDa	PHP Tipps 2004	3	19.09.2004 14:13
Dynamisch erstellte Variablen ansprechen		PHP Tipps 2004	2	08.08.2004 20:15
Dynamisch anwachsendes html		PHP Tipps 2004	2	11.07.2004 21:44

23.03.2011, 21:33
derSESO Neuer Benutzer Registriert seit: 24.09.2009 Beiträge: 4 PHP-Kenntnisse: Fortgeschritten	3 div untereinander - der untere dynamisch hallo! ich bin am verzweifeln... ich brauche 3 divs, die untereinander und zentriert angezeigt werden. dabei sind die beiden ersten mit einer festen höhe gesetzt. der letzte soll die restliche höhe dynamisch bekommen. so, das die 3 divs zusammen immer 100% höhe haben. was ich habe: Code: <body style="margin: 0; height: 100%;"> <div style="position: relative; width: 850px; min-height: 100%; height: auto !important; height: 100%; background: grey;"> <div style="width: 850px; height: 200px; background: red;"></div> <div style="width: 850px; height: 30px; background: green;"></div> <div style="width: 850px; background: yellow; color: #000;">Hallo</div> </div> </body> nur das mit dem 3. div bekomme ich nicht hin. __________________ dies schrieb derSESO


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.03.2011, 19:52
syNTax Benutzer Registriert seit: 30.12.2010 Beiträge: 69 PHP-Kenntnisse: Anfänger	Hi, ich bin mir jetzt nicht sicher ob es stimmt was ich verzapfen werde da ich mich gerade nicht entsinnen kann was passiert wenn man höhenangaben per % machen würde. Da bei dir in den ersten beiden diffs die Höhe mit px festlegst ist, kannst du mal versuchen einfach 100% anzugeben. Ansonsten müsstest um das zu bewerkstelligen die Auflösung der User auslesen die Höhen der ersten beiden diffs abziehen, zuzüglich noch die Browser "kante" berücksichtigen und wenn du es ganz genau haben willst muss du noch ermitteln welchen Browser der User benutzt und je nach Browser den Abstand zum bildschirmrand angeben. Du solltest eventuell auch verschiedene Browser Versionen unterscheiden. FireFox 4.0 hat standardmäßig ein geringeren Abstand als noch die Versionen davor und so weiter. Ob man festellen kann ob jemand im vollbildmodus surft oder nicht weiss ich nicht. Bin mir jetzt nicht sicher aber ich glaub man kann auch per php die Bildschirmauflösung aus den Header Infos ziehen. Was ich aber empfehlen würde ist eine mindestgröße zu definieren und es gut sein zu lassen^^ Alle angaben ohne Gewähr und haut mich nicht gleich tot falls ich mich geirrt habe. P.S. Das Thema interessiert mich auch bin auf andere antworten gespannt __________________ *Hier könnte Ihre Werbung stehen* Geändert von syNTax (26.03.2011 um 19:56 Uhr).