posiadam nastepujacy kod w pliku html
Kod
<div id="middle">
<div id="left"></div>
<div id="right"></div>
</div>
<footer>
<p>© Copyright by </p>
</footer>
<div id="left"></div>
<div id="right"></div>
</div>
<footer>
<p>© Copyright by </p>
</footer>
oraz css
Kod
#left {
float: left;
padding: 10px;
width: 220px;
min-height: 300px;
background: #D9DFFC;
}
#right {
float: left;
padding-left: 300px;
width: 540px;
}
footer {
clear: both;
height: 40px;
line-height: 40px;
text-align: center;
background: #F5D8A4;
}
float: left;
padding: 10px;
width: 220px;
min-height: 300px;
background: #D9DFFC;
}
#right {
float: left;
padding-left: 300px;
width: 540px;
}
footer {
clear: both;
height: 40px;
line-height: 40px;
text-align: center;
background: #F5D8A4;
}
i tutaj pojawia sie moj problem. W lewym bloku minimalna wysokosc to 300px, jesli prawy blok jest wiekszy(jego wysokosc nie jest stala,zmienia sie ) to z lewy blok ma caly czas 300px(kolorowe pole a pod nim biala przerwa do footera). Co zrobic zeby lewy blok rozciagal sie rowno(mial taka sama wysokosc) wraz z blokiem prawym??
czy zna ktos odpowiedz
