[CSS][HTML]Automatyczna wysokość div'ów Opcje

[porywacz]

Witam, mam stronę internetową z trzema kolumnami. Wygląda to mniej więcej tak:

[HTML] pobierz, plaintext 
<div id="all">
     <div id="header"></div>
     <div id="center_left"></div>
     <div id="center_center"></div>
     <div id="center_right"></div>
     <div id="footer"></div>
</div>
[HTML] pobierz, plaintext 

Mój problem tkwi w tym, że w środkowej kolumnie przypisałem height wartość auto a pozostałym dwóm divom min-height: 700px;. Czy da się zrobić tak, że gdy środkowa kolumna będzie miała szerokość większą niż 700px to żeby pozostałe divy dopasowały jakoś tą szerokość? Obecnie gdy środkowa kolumna jest dłuższa niż 700px to pozostałe nie docierają do stopki :/ Bardzo proszę o pomoc (IMG:style_emoticons/default/smile.gif)
Pozdrawiam ;p

Ten post edytował porywacz 17.06.2012, 10:53:20

[!*!]

Użyj CSS i display:table dla nich, ewentualnie jak Ci to nie pasuje JS.

Ten post edytował !*! 17.06.2012, 10:55:57

[porywacz]

z display:table cała strona się rozjeżdża (IMG:style_emoticons/default/haha.gif) Jednej kolumny wgl nie ma (IMG:style_emoticons/default/biggrin.gif)

[!*!]

z display:table cała strona się rozjeżdża (IMG:style_emoticons/default/haha.gif) Jednej kolumny wgl nie ma (IMG:style_emoticons/default/biggrin.gif)

Widocznie robisz to źle. Wstaw kod http://jsfiddle.net/ i podaj link.

[porywacz]

Strona jest już oskryptowana, więc trochę trudno "wyciągnąć" ze strony poszczególne fragmenty kodu (IMG:style_emoticons/default/biggrin.gif)
Może napiszesz jak to powinno wyglądać? Dałem w css do wszystkich trzech kolumn display: table, nie wiem czy dobrze cię zrozumiałem >.<

[!*!]

display:table dajesz tylko na div all, resztę w zależności jaki wynik chcesz osiągnąć, będą to inne parametry.

[porywacz]

Nie rozumiem ;d Muszę do diva 'all' dodać display: table, a do tych divów w nim co?

[!*!]

A przeczytałeś chociaż cokolwiek na temat tej właściwości? http://jsfiddle.net/HgCq6/

[porywacz]

Owszem, przeczytałem. A piszę bo nadal mi nie działa (IMG:style_emoticons/default/tongue.gif)
robię tak jak ty i mi się rozjeżdża stronka ;/

css:

[HTML] pobierz, plaintext 
#center {
	display: table;
	width: 900px;
	margin: 0 auto 0 auto;
}
 
#center_left {
	display: table-cell;
	margin: 0 auto;
	float: left;
	width: 150px;
	background-color: white;
	}
 
#center_center {
	display: table-cell;
	float: left;
	margin: 0 7px 0 7px;
	width: 536px;
	background-color: white;
}
 
#center_right {
	display: table-cell;
	text-align: justify;
	color: #a60000;
	float: right;
	width: 200px;
	background-color: white;
	margin: 0;
}
[HTML] pobierz, plaintext 

Robię coś źle?

[!*!]

Usuń float.

[porywacz]

Ok, dzięki. Już jakoś to wygląda, lecz nadal coś jest nie tak (IMG:style_emoticons/default/biggrin.gif)
Lewy div i prawy do siebie przylegają mimo to, że w środkowym mam margin: 0 7px 0 7px; . Jak to naprawić?
Aha i między tymi divami a stopką jest dość spory odstęp ;/

Ten post edytował porywacz 17.06.2012, 16:12:45

[!*!]

Wklej to tu http://jsfiddle.net

[porywacz]

http://jsfiddle.net/kEZnf/

[!*!]

Chodzi Ci o treść? http://jsfiddle.net/kEZnf/1/

[porywacz]

niee ;D Patrz: www..php to ta moja strona ;D
chodzi mi o to, że między lewą kolumną a środkową powinna być taka przerwa jak między środkową a prawą ;D I jeszcze ten odstęp nad stopką ;oo
I nie śmiać mi się ze strony, jestem początkujący ^^

Ten post edytował porywacz 17.06.2012, 17:41:56

[!*!]

http://jsfiddle.net/kEZnf/2/

[porywacz]

porywacz.onuse.pl/czitypl
Teraz jest jeszcze gorzej (IMG:style_emoticons/default/haha.gif) jeszcze jakieś pomysły?

Problem rozwiązany, wystarczyło dodać między te 3 kolumny jeszcze 2 divy o szerokości 7px (oczywiście puste (IMG:style_emoticons/default/haha.gif) ) (IMG:style_emoticons/default/biggrin.gif)
Temat do zamknięcia ^^

Ten post edytował porywacz 17.06.2012, 17:41:19