Ostatnio postanowilem zrobic pewien projekt i oczywiscie kozystac z najnowszych technik, tak wiec przyszedl czas aby stronki robic w "XHTML 1.1 Strict" i wszelkie tabele zamienic na div'y. Jak pewnie sie domyslacie troche latwo sie mowi, a nieco gorzej robi. Moj glowny problem to ustawienie obok siebie div'ow - niby "display: inline" rozwiazuje moj problem, lecze nie do konca. Sprawa wyglada tak, ze inline likwiduje mi mozliwosc dodania parametru "width" w stylach (pod IE dziala, pod MOZ juz nie), probowalem juz na kilkanascie sposobow ale nic nie dalo sie zrobic aby rozciagnac div'a liniowego. Wtedy zastosowalem parametry "displat: table" i "display: table-cell", jak wiadomo pod MOZ wyszlo to idealnie tak jak chcialem lecz IE juz nie chce tego interpretowac tak jak MOZ.
Pytanie dosc standardowe: jak zrobic aby pod IE wygladalo to tak jak pod MOZ?
<div style="width: 500px;">
<div style="display: table;
width: 480px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;">
<div style="display: table-cell;">
<span>text</span>
</div>
<div style="display: table-cell;
width: 110px;">
</div>
<div style="display: table-cell;
width: 20px;
text-align: right">
<span>^</span>
</div>
</div>
<div>
<span />
</div>
<div style="display: table;
width: 480px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;">
<div style="display: table-cell;">
<span>text<a href="#">text</a></span>
</div>
</div>
</div>