Priča je sledeća... treba mi da oformim tabelu u DIV-ovima sa sledećim karakteristikama
4 reda
2 kolone
elementi su raspoređeni na sledeći način
- u prvom redu imam 1 levo i 1 desno
- u drugom redu imam 1 levo
- u trećem 1 levo i jedan desno
- u četvrtom imam jedan običan spacer visine 1px
evo mog primera koji se nije baš pokazao kao dobar... ustvari u IE je relativno OK ali na drugim browserima se raspada..
Code:
<div style="float: left;">elemenat 1 levo</div>
<div style="float: right;">elemenat 2 desno</div>
<div style="text-align:left;">elemenat 3 levo</div>
<div style="float: left;">elemenat 4 levo</div>
<div style="float: right;">elmenat 5 desno</div>
<div style="height:1px; background-color:#0066FF; margin-top:3px; margin-bottom:3px"><img src="spacer.gif" width="1" height="1"></div>
<div style="float: left;">elemenat 1 levo</div>
<div style="float: right;">elemenat 2 desno</div>
<div style="text-align:left;">elemenat 3 levo</div>
<div style="float: left;">elemenat 4 levo</div>
<div style="float: right;">elmenat 5 desno</div>
<div style="height:1px; background-color:#0066FF; margin-top:3px; margin-bottom:3px"><img src="spacer.gif" width="1" height="1"></div>
Suština svega je da imam što manje koda ali da je kompatibilno sa svim browserima...
Hvala unapred!
Sve je to relativno...