CSS min-height funktioniert nicht

Gordon · 29.11.2010, 14:55

Hallo liebe Gemeinde,

ich habe mit meiner Internetseite folgendes Problem. Ich möchte ein DIV-Element (#sidebar) Element bis zum Footer laufen lassen, doch leider funktioniert das nicht. Habe sämtliche Varianten, die ich bei Google gefunden habe ausprobiert. Vielleicht liegt es ja auch daran, dass ich einige Navi-Teile bit PHP-Include einbinde...

Wie dem auch sei. Ich habe mal meine bisherige Lösung beigefügt. Wäre super, wenn jemand eine Anregung hätte.

Herzliche Grüße aus Berlin

Gordon

ChrisB · 29.11.2010, 15:59

Zitat:

Zitat von Gordon

Vielleicht liegt es ja auch daran, dass ich einige Navi-Teile bit PHP-Include einbinde...

Dass es daran nicht liegen kann, sollte dir eigentlich klar sein.

Hast du dein vom Script erzeugtes HTML validiert?

Zitat:

Ich habe mal meine bisherige Lösung beigefügt.

Ich habe keine Lust, immer irgendwas herunterladen und auspacken zu müssen, um Probleme anderer Leute nachzuvollziehen.
Online-Beispiel bitte.

Young Jedi · 29.11.2010, 16:07

Zitat:

Zitat von ChrisB

Ich habe keine Lust, immer irgendwas herunterladen und auspacken zu müssen, um Probleme anderer Leute nachzuvollziehen.
Online-Beispiel bitte.

Da es .php Dateien sind, müsstest du sie auch noch auf einen PHP-fähigen Server schieben und um genau zu sein, auch noch jede einzelne Datei durchgucken, um sich er zu sein, dass kein schädlicher Code enthalten ist...

Gordon · 29.11.2010, 16:30

Der Code ist sowohl valide und selbstverständlich kann der Server PHP auslesen.

Hier der CSS Code:

Code:

.seperator_right {  height: 100%; clear : both;background-color : #b9cee9; }

Und hier, wie es jetzt aussieht.

ChrisB · 29.11.2010, 16:42

Höhenangaben in Prozent beziehen sich auf die Höhe des Vorfahrenelementes.
Da dieses bei dir aber nur so hoch ist, wie es sein Inhalt erfordert, kann das so natürlich nicht klappen.

Gordon · 29.11.2010, 16:48

Ich hatte es auch auch schon ohne % und dafür mit min.height und max-height versucht. Klappte leider auch nicht. Mein Problem ist halt, dass die rechte Seite immer genau so hoch sein muss, wie die linke Seite - Content.

jabubo · 29.11.2010, 16:52

leg einen Div um beide Container (links und rechts) und gib dem die Farbe, der rechten Spalte. Dann sollte es passen.

Mit relativen Angaben kommst du bei sowas generell nicht weit.

jabubo · 29.11.2010, 16:53

Zitat:

Zitat von Gordon

Ich hatte es auch auch schon ohne % und dafür mit min.height und max-height versucht. Klappte leider auch nicht. Mein Problem ist halt, dass die rechte Seite immer genau so hoch sein muss, wie die linke Seite - Content.

min-height und max-height helfen nur in bestimmten Browsern. Funktioniert leider nicht überall gleich. Bedank dich bei Onkel Bill ...

ChrisB · 29.11.2010, 16:58

Dieses Problem ist alles andere als neu, deshalb existieren auch einige gängige, recht gut dokumentierte Workarounds dafür.

Wenn du mit deren Umsetzung Probleme hast - dann beschreibe bitte genauer, was du versucht hast wie umzusetzen.

(Und liefere entsprechende Online-Beispiele mit.)

ChrisB · 29.11.2010, 17:01

Zitat:

Zitat von jabubo

min-height und max-height helfen nur in bestimmten Browsern. Funktioniert leider nicht überall gleich. Bedank dich bei Onkel Bill ...

Ich bedanke mich bei Onkel jabubo schon mal im voraus dafür, dass er sich in Zukunft besser zu informieren verspricht, bevor er sich zu solchen Themen äußert

min- und max-height kennt der IE seit Version 7, also praktisch seit Ewigkeiten.

IE 6 sollte im Allgemeinen vernachlässigbar sein, so lange es um solche rein optischen Kinkerlitzchen geht.
Falls doch nicht, könnte man Workarounds für diesen Uralt-Browser ggf. dann diskutieren, wenn die allgemeine Lösung für halbwegs aktuelle Browser erst mal steht.

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
[Erledigt] str_replace funktioniert nur lokal	Cogax	PHP Tipps 2010	19	27.10.2010 21:28
Code funktioniert plötzlich nicht mehr nach Serverumzug	Hawk	PHP Tipps 2010	4	18.08.2010 08:12
Verschlüsselung funktioniert nicht richtig	netmario	PHP Tipps 2010	2	19.05.2010 22:57
Div Layout mit height: 100% ??	mrpp	HTML, Usability und Barrierefreiheit	5	10.03.2010 12:18
mod_rewrite mit slash/ohne slash funktioniert nur teilweise	taurus	Server, Hosting und Workstations	4	13.09.2009 12:57
Internet Explorer stellt CSS falsch dar	dorky	HTML, Usability und Barrierefreiheit	16	19.08.2009 13:03
[ERLEDIGT]PHP while-Schleife für Ausgabe funktioniert plötzlich nicht	fuckinghot19	PHP Tipps 2009	6	05.06.2009 22:28
[Erledigt] Umlaute ersetzen funktioniert nicht richtig	BlackSpirit	PHP Tipps 2009	19	20.04.2009 12:04
send button funktioniert nicht, finde fehler nicht	selma123	PHP Tipps 2008	3	17.09.2008 11:57
[Erledigt] Transparente Runde Ecken bei Thumbnial realisieren	tomtaz	PHP Tipps 2008	3	08.07.2008 01:20
PHP funktioniert nicht		PHP Tipps 2005	20	28.04.2005 13:56
Php Gästebuch funktioniert nicht auf dem Server		PHP Tipps 2005	13	21.04.2005 22:11
Pfadangabe in php.ini funktioniert nicht		PHP Tipps 2005	10	29.03.2005 15:16
Dateien erstellen oder schreiben funktioniert nicht im Web		PHP Tipps 2004-2	1	05.12.2004 19:39
[Erledigt] move_uploaded_file funktioniert nicht!		PHP-Fortgeschrittene	4	23.08.2004 22:41


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

29.11.2010, 16:30
Gordon Neuer Benutzer Registriert seit: 11.03.2009 Beiträge: 24	Der Code ist sowohl valide und selbstverständlich kann der Server PHP auslesen. Hier der CSS Code: Code: .seperator_right { height: 100%; clear : both;background-color : #b9cee9; } Und hier, wie es jetzt aussieht.

29.11.2010, 16:42
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Höhenangaben in Prozent beziehen sich auf die Höhe des Vorfahrenelementes. Da dieses bei dir aber nur so hoch ist, wie es sein Inhalt erfordert, kann das so natürlich nicht klappen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

29.11.2010, 16:48
Gordon Neuer Benutzer Registriert seit: 11.03.2009 Beiträge: 24	Ich hatte es auch auch schon ohne % und dafür mit min.height und max-height versucht. Klappte leider auch nicht. Mein Problem ist halt, dass die rechte Seite immer genau so hoch sein muss, wie die linke Seite - Content.

29.11.2010, 16:52
jabubo Erfahrener Benutzer Registriert seit: 23.09.2010 Beiträge: 146 PHP-Kenntnisse: Fortgeschritten	leg einen Div um beide Container (links und rechts) und gib dem die Farbe, der rechten Spalte. Dann sollte es passen. Mit relativen Angaben kommst du bei sowas generell nicht weit. __________________ PHP online testen, zum Beispiel: md5, base64_decode, preg_match, urldecode und viele weitere...

29.11.2010, 16:58
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Dieses Problem ist alles andere als neu, deshalb existieren auch einige gängige, recht gut dokumentierte Workarounds dafür. Wenn du mit deren Umsetzung Probleme hast - dann beschreibe bitte genauer, was du versucht hast wie umzusetzen. (Und liefere entsprechende Online-Beispiele mit.) __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?