Проблем с дизайн

D

dorga

Registered
Здравейте!
От вчера се мъча с кодването на един дизайн. Значи направил съм така че двата контейнера в сайта да са залепени за фуутъра и съответно би трябвало да се разширяват автоматично спрямо съдържанието, но това не е така. Когато се добави повече съдържание например в левия контейнер (новините) самия текст минава под фуутъра. Къде греша и какво трябва да се направи? Благодаря.
Демо - http://mc.p2d.bg/test
 
[css]height:100%;[/css]
премахни на "централната колона"
илили ако си дръжиш на него пробвай със:
[css]height:100%;
min-height:100%;
height:auto !important;[/css]
 
Покажи кода за 3-те дива - левия десния и този, който държи тези два дива. Проблема може да е в това, че главния контейнер е с твърдо забита дължина или пък левия има твърдо забита дължина.
 
CSS
Код: 
.Left-Bar {
	width: 695px;
	height: 100%;
	float: left;
	background: #fff;
	overflow: hidden;
}
.Left-Bar-Hdr {
	background: url(../images/Left-Bar-Hdr.png) no-repeat;
	width: 685px;
	height: 30px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 9px;
}
.Left-Bar-Cont {
	background-color: #fff;
	width: 675px;
	height: 100%;
	text-align: left;
	color: #484848;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	position: relative;
	z-index: 3;
}
.Right-Bar {
	background: #DCDBDD;
	width: 204px;
	height: 100%;
	float: right;
}
.Right-Bar-Hdr {
	background: url(../images/Right-Bar-Hdr.png) no-repeat;
	width: 194px;
	height: 30px;
	color: #BABABA;
	font-size: 15px;
	padding-left: 10px;
	padding-top: 9px;
}
.Right-Bar-Cont {
	background-color: #DCDBDD;
	width: 180px;
	height: auto;
	color: #484848;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 35px;
	position: relative;
	z-index: 3;
}
 
Пробвай където имаш height: 100% да го направиш height: auto. Ако остава след това свободно място ползвай min-height.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе