Forum PHP.pl > [CSS] 3 divy o tej samej wysokości

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] 3 divy o tej samej wysokości

michail_w

21.01.2011, 18:46:58

Witam, założyłem sobie stronę
http://elida.mielec.pl
Chciałbym, aby lewa i prawa kolumna miały tą samą wysokość, żeby te belki w tle dochodziły do bloku galerii na dole. Nie mogę sobie poradzić, jak pociągnąć prawą kolumnę. Może mi ktoś pomóc?

Daiquiri

21.01.2011, 18:57:47

Możesz poszukać pod hasłem "equal height column/div" itd. znajdziesz tam np. takie demo lub szerszy opis

Crozin

21.01.2011, 19:02:53

[HTML] pobierz, plaintext 
<style>
	body {
		display: table;
		width: 100%;
	}
 
	.column-wrapper {
		display: table-row;
	}
 
	.column {
		display: table-cell;
		width: 33.3%;
	}
</style>
 
<body>
	<div class="column-wrapper">
		<div class="column" style="background: #a00;"></div>
		<div class="column" style="background: #0a0;">
			<p>test</p>
			<p>test</p>
			<p>test</p>
			<p>test</p>
		</div>
		<div class="column" style="background: #00a;"></div>
	</div>
</body>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.