[CSS] rozciągnięcie divów Opcje

[DawPi]

Witam,

mam problem z dopasowaniem do siebie trzech divów.
Oto moj kod css:

Kod

.gora {
float:left;
background-color:#DCE6F2;
padding:3px;

border-bottom: thin dotted #A2C1E0;
border-top: thin dotted #A2C1E0;
}


.gorar {
float:left;
text-align:right;

background-color:#DCE6F2;
padding:3px;
border-top:dotted;
border-bottom: thin dotted #A2C1E0;
border-top: thin dotted #A2C1E0;
}

.dol {
clear:both;
background-color:#E8EFF5;
padding:3px;

}

Oraz html:

[HTML] pobierz, plaintext 
<div CLASS="gora">first </div>
<div CLASS="gorar">second </div>
<div CLASS="dol">third  </div>
[HTML] pobierz, plaintext 

Problem jest tego typu, ze dwa górne divy nie dopasowują się długością do dolnego.

Czy ktoś spotkał się z podobnym problemem i wie jak go rozwiązać ?

[hateman]

Nie rozumiem.
nie chcesz podawać szerokości?
to może podaj w %
tamte po 50%
a to na dole 100%

możesz też całość dać w diva

[HTML] pobierz, plaintext 
<div>
<div CLASS="gora">first </div>
<div CLASS="gorar">second </div>
<div CLASS="dol">third  </div>
</div>
[HTML] pobierz, plaintext 

pomogło?