Aliniere celula pe mijloc

[nr913]

Am un tabel cu 5 celule. Prima, a treia si ultima au latimea in pixeli (width: 50px; de exemplu). A doua si a patra, trebuie sa aibe latimea variabila in functie de latimea ferestrei. Asta usor, numai ca eu in celulele astea doua pun continut diferit, asa ca o celula o sa fie mai lata decat cealalta. Cum fac, fara JavaScript, sa fie celula din mijloc mereu pe mijloc?


Attitude - A little thing that makes a BIG difference

[Shocker]

Code:

<table style='width: 100%;'>  <tr>    <td><div style='width: 50px;'> X </div></td>    <td style='width: 50%;'> Y </td>    <td><div style='width: 100px;'> X </div></td>    <td style='width: 50%;'> Y </td>    <td><div style='width: 50px;'> X </div></td>  </tr> </table>

Ideea e sa nu bagi continut care sa forteze largirea celulei dimensionabile (o imagine mai mare decat lungimea ei sau un text care nu poate fi wrap-uit, gen "xxxxxxxxxxxxxxxxx").

Daca sunt ceva sanse sa se extinda continutul si nu te intereseaza daca nu se vede tot ci vrei neaparat ca cele 2 celule sa aibe dimensiuni identice, atunci in celulele dimensionabile bagi un div cu overflow: hidden

FREAKZ COMMUNITY @ Facebook
WOW FREAKZ @ Facebook

[nr913]

Am incercat si asa, dar a doua celula o face de 50% din ecran, a patra tot 50% din ecran, si cu 50+50+100px iese din ecran, adica 200px iesiti din ecran. Pana la urma am lasat balta ideea de css, si am rezolvat cu js. Thanks anyway

Attitude - A little thing that makes a BIG difference

[Shocker]

Cum am facut eu nu avea cum sa iasa din ecran. Ia baga codul ala meu si fa-mi screenshot sa vad

FREAKZ COMMUNITY @ Facebook
WOW FREAKZ @ Facebook