Dva diva v isti vrsti z dinamično širino

Recimo da imam tole:

[HTML]
.left {
float: left;
width: 75%;

padding: 4px 4px 4px 4px;
margin: 8px 4px 8px 8px;

border: 1px solid #ccc;
background: #eee;
color: #454545;

}

/* content right -------------------------- */

.right {
float: right;
width: 20%;

padding: 4px 4px 4px 4px;
margin: 8px 8px 8px 4px;

border: 1px solid #ccc;
background: #eee;
color: #454545;

}
[/HTML]

pa potem

<div class="left">2</div>
<div class="right">1</div>

Sicer je ok, pokaže se v eni vrsti, najprej left potem pa right, vendar kje je 5% ?!?!, če namreč dam namsto 75% noter 80% se mi pokaže right, drugi div, POD prvim divom in ne v isti vrsti, ... sumim da je kriv rob ... vendar zaradi designa rabim rob ...

se da še to kako drugače rešiti ?, nebi rad dal v div 100% pa tabelo uporabo, ker to sicer dela, vendar če sem se že trudil pa je vse brez tabel ... :confused: :confused:

11 odgovorov

No, se slisiva, ko bos nastudiral zadevo :)