[HTML][CSS]Problem z divem nie przylega do stopki Opcje

[tomaszszacko]

Witam. Robię laya i nie mogę sobie poradzić z przyleganiem prawej części strony do stopki;/
w CSS nie bawiłem się już dobre 2 lata i dziury okazały się zbyt głębokie (IMG:style_emoticons/default/wink.gif)


oto mój kod CSS:

[HTML] pobierz, plaintext 
*{
	margin:0 auto;
}
 
html, body{
	margin:0;
	padding:0;
	height:100%;
	background-image: url('../pliki-graficzne/bg.png');
}
 
div#cala-strona{
	width: 960px;
	min-height:100%;
	position:relative;
}
 
div#gorna-czesc{
	height: 200px;
	background-image: url('../pliki-graficzne/top.bmp');
}
 
div#menu{
	position: absolute;
	right: 15px;
	top: 160px;
}
 
div#logo{
	float: left;
	height: 200px;
	width: 217px;
	background-image: url('../pliki-graficzne/logo.bmp');
}
 
div#pyszne{
	float: right;
	margin-right: 15px;
	margin-top: 25px;
	height: 150px;
	width: 200px;
}
 
div#pizza{
	float: right;
	height: 200px;
	width: 254px;
	background-image: url('../pliki-graficzne/pizza.gif');
}
 
div#srodkowa-czesc{
	float: top;
	position: relative;
	min-height: 200px;
	height: auto;
	background-color: white;
}
 
div#lewy-srodek{
	height: 1200px;
	width: 500px;
	background-image: url('../pliki-graficzne/left.jpg');
	float: left;
}
 
div#prawy-srodek{
	float: right;
	height: 100%;
	width: 445px;
	padding-top: 15px;
	padding-left: 15px;
	background-color: white;
	float: bottom;
 
}
 
div#prawy-srodek-img{
	height: 790px;
	width: 387px;
	background-image: url('../pliki-graficzne/srodek-prawo.bmp');
}
 
div#prawy-srodek .lokal-img{
	float: right;
	margin-right: 15px;
}
 
div#dolna-czesc{
 
}
 
div#stopka{
	height: 30px;
	clear: both;
	background-color: white;
}
[HTML] pobierz, plaintext 

chodzi o to, że jesli w lewej kolumnie mam dużo treści to prawa nie przylega do stopki tylko robi się przerwa. Proszę o pomoc pozdrawiam

[Helid]

Pokaż jakieś demo.

[tomaszszacko]

moment za raz wrzucę
edit: http://e-arn.pl/demo/

ale teraz widzę, że jest gorzej niż na localu;/

Ten post edytował tomaszszacko 19.05.2013, 13:36:58

[Mega_88]

Dla div#srodkowa-czesc zamiast "float:top" daj "float:left" sprawdzałem i działa.

p.s - nie ma chyba czegoś takiego jak: float:top

Ten post edytował Mega_88 19.05.2013, 13:43:07

[tomaszszacko]

Dla div#srodkowa-czesc zamiast "float:top" daj "float:left" sprawdzałem i działa.

p.s - nie ma chyba czegoś takiego jak: float:top

działa (IMG:style_emoticons/default/biggrin.gif) bardzo dziękuję (IMG:style_emoticons/default/smile.gif) a mógłbyś mi na przyszłość wytłumaczyć w czym tkwił problem z tym float:top; ?

edit: a z resztą... jeszcze raz dziękuję i temat raczej do zamknięcia. pozdrawiam

Ten post edytował tomaszszacko 19.05.2013, 13:46:37

[Mega_88]

Nie przypominam sobie żeby była taka właściwość dla float jak "top" czyli prawdopodobnie Ci to po prostu nie działało

"http://kurs.browsehappy.pl/CSS/Float"

[tomaszszacko]

Nie przypominam sobie żeby była taka właściwość dla float jak "top" czyli prawdopodobnie Ci to po prostu nie działało

"http://kurs.browsehappy.pl/CSS/Float"

haha no tak ok dzięki

dla top prędzej przy position:x;
top:x;
zagubiłem się ^^

edit: a pamiętam, że kiedyś już to robiłem i mnie już trafiało jak nie mogłem teraz tego rozgryść (IMG:style_emoticons/default/tongue.gif)

Ten post edytował tomaszszacko 19.05.2013, 13:51:41