3 div mit css auf gleiche höhe bringen?

KarlJ · 29.07.2011, 16:32

Hallo zusammen,

ich hab ein kleines Problem und komm einfach nicht weiter.

Ich habe drei div nebeneinader. Wenn ich in den mittleren div was reinschreiben will bleibt die höhe der äußeren beiden div unverändert. Wie kann ich es mit css machen, dass wenn ich in den mittleren Div was reinschreib und dadurch die Höhe verändert wird, sich auch die anderen beiden div die gleiche höhe annehmen?

KarlJ · 29.07.2011, 16:36

Folgendes hab ich schon...

PHP-Code:

  
#main_body {
    height: 50px;
    clear: both;
    display: block;
    
}
#left_body {
    float: left;
    width: 50px;
    background-color: #09F;
}

#middle_body {
    width: 900px;
    background-color: #0F0;
    float: left;
}
#right_body {
    float: right;
    width: 50px;
    background-color: #09F;

#foot {
    background-color: #C30;
    height: 60px;
    margin-top: auto;
    clear: both;
}

ChrisB · 29.07.2011, 16:37

Schon zigfach im Web diskutiertes Thema.
Stichworte: Faux Columns, equal height columns, etc.

Arne Drews · 29.07.2011, 16:37

und dazu noch falsches Forum -> NIX PHP

KarlJ · 29.07.2011, 16:40

ok, trotzdem danke

dreamcatcher · 31.07.2011, 22:28

Zitat:

Zitat von KarlJ

ok, trotzdem danke

Schreib bitte die gefundene Lösung zu deinen Thread dazu anstatt sie so abzuschließen, dass andere die per SuFu darauf stoßen nichts damit anfangen können

Stell dir vor du suchst es und findest solch einen Threa per SuFu / Google.

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] Höhe einer Seite messen?	halskrause	JavaScript, Ajax und mehr	2	09.04.2010 20:54
Div nach div mit variabler Höhe?	gombi	HTML, Usability und Barrierefreiheit	4	19.01.2010 19:50
[Erledigt] Saubere Lösung gesucht: DIVs auf gleicher Höhe	WasserDragoon	HTML, Usability und Barrierefreiheit	5	11.09.2009 16:57
Div-Elemente gleichmäßig über Höhe anordnen	rocco	HTML, Usability und Barrierefreiheit	1	29.07.2009 23:53
Höhe an absolutem DIV anpassen?!	webproger	HTML, Usability und Barrierefreiheit	6	02.04.2009 14:49
[Erledigt] DIvs passen sich nicht automatisch der höhe an im Firefox und Opera	litterauspirna	HTML, Usability und Barrierefreiheit	4	09.10.2008 13:08
[CSS] Table ändert ungewollt seine Höhe, was tun?	I-Spy	HTML, Usability und Barrierefreiheit	1	13.05.2006 13:57
Höhe div-Element	MasterMind	HTML, Usability und Barrierefreiheit	1	04.05.2006 09:54
Thumbnail proportional mit Max. Breite u. Höhe	.fox	PHP Tipps 2006	3	25.03.2006 07:03
3 divs nebeneinander mit dynamisch gleicher Höhe		HTML, Usability und Barrierefreiheit	19	18.01.2006 22:05
[Erledigt] Höhe von einem DIV-Layer relativ zum nachfolgenden DIV		HTML, Usability und Barrierefreiheit	10	05.01.2006 14:09
Höhe eines lokalen Bildes auslesen!		HTML, Usability und Barrierefreiheit	5	08.11.2005 12:42
Dropdown Menü Höhe bestimmen	Mike55	HTML, Usability und Barrierefreiheit	5	09.10.2005 17:57
neue Seite mit X breite und min höhe + druckbefehl		HTML, Usability und Barrierefreiheit	15	11.05.2005 13:34
[Erledigt] Bild-Breite und -Höhe anders holen		PHP Tipps 2005	2	15.03.2005 13:43

29.07.2011, 16:32
KarlJ Neuer Benutzer Registriert seit: 15.05.2011 Beiträge: 23 PHP-Kenntnisse: Anfänger	3 div mit css auf gleiche höhe bringen? Hallo zusammen, ich hab ein kleines Problem und komm einfach nicht weiter. Ich habe drei div nebeneinader. Wenn ich in den mittleren div was reinschreiben will bleibt die höhe der äußeren beiden div unverändert. Wie kann ich es mit css machen, dass wenn ich in den mittleren Div was reinschreib und dadurch die Höhe verändert wird, sich auch die anderen beiden div die gleiche höhe annehmen?


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

29.07.2011, 16:36
KarlJ Neuer Benutzer Registriert seit: 15.05.2011 Beiträge: 23 PHP-Kenntnisse: Anfänger	Folgendes hab ich schon... PHP-Code: `#main_body { height: 50px; clear: both; display: block; } #left_body { float: left; width: 50px; background-color: #09F; } #middle_body { width: 900px; background-color: #0F0; float: left; } #right_body { float: right; width: 50px; background-color: #09F; #foot { background-color: #C30; height: 60px; margin-top: auto; clear: both; }`

29.07.2011, 16:37
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Schon zigfach im Web diskutiertes Thema. Stichworte: Faux Columns, equal height columns, etc. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

29.07.2011, 16:37
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	und dazu noch falsches Forum -> NIX PHP __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein

29.07.2011, 16:40
KarlJ Neuer Benutzer Registriert seit: 15.05.2011 Beiträge: 23 PHP-Kenntnisse: Anfänger	ok, trotzdem danke