Forum PHP.pl

Witam,

ciezko o tytul do problemu ale mysle ze choc troche trafny.

Problem:

[HTML] pobierz, plaintext 
 
<div class='right-content'>
 <ul>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
</ul>
</div>
 
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
 
.right-content {
 float: left;
 width: 808px;
}
 
.right-content ul li {
 float: left;
 width: 199px;
 height: 70px;
 margin-right: 4px;
 margin-bottom: 4px;
}
 
[HTML] pobierz, plaintext 

Chodzi o to ze elemnt <li> ma taka szerokosc zeby zmiescily sie 4 w rzedzie, kolejny powinien pojawiac sie pod spodem jako nowy rzad. Niestety przez to ze jest zadany margin-right 4px to zlamanie nastepuje juz po 3 obiekcie. Wazne jest to ze szerokosc nie moze byc inna poniewaz ostani <li> w rzedzie (4) krawedz prostokata konczy sie z krawedzia prostokata elementu ktory jest nad .right-content wiec aby wizualnie wszystko dobrze wygladalo musi byc taka szerokosc...

Mam nadzieje ze dosc zrocumiale to opisalem

Z gory dzieki za pomoc.

Pozdrawiam M.