wysokosc div Opcje

[lukas1986s]

Witam wszystkich
posiadam nastepujacy kod w pliku html

Kod

<div id="middle">
                <div id="left"></div>
                <div id="right"></div>
            </div>
    <footer>
        <p>&copy; 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;
}

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

Ten post edytował lukas1986s 8.06.2014, 21:28:23

[rad11]

http://jsfiddle.net/Ms3SG/60/ o to chodzi?