ďťż

[xhtml div]problem z wyświetlaniem grafiki IE

       

Podstrony


telcocafe

Schemat blokowy strony:
<div id="wrapper"> <div class="kolumna_lewa"></div> <div class="kolumna_center"> <div id="tlo_top"></div> <div id="logo"></div> <div id="content"></div> <div id="menu"></div> <div id="footer"></div> </div> <div class="kolumna_prawa"></div> </div>
I jej styl:
.kolumna { display: table-cell; } .kolumna_lewa { display: table-cell; background: url(images/tlo_01.gif) no-repeat; width: 73px; height: 588px; } .kolumna_prawa { display: table-cell; background: url(images/tlo_03.gif) no-repeat; width: 76px; height: 588px; } .kolumna_center { display: table-cell; width: 391px; height: 588px; } .wrapper { width: 100%; display: table; vertical-align: middle; } #tlo_top { background: url(images/tlo_02.gif) 0px 0px no-repeat; width: 391px; height: 46px; } #footer { background: url(images/tlo_07.gif) 0px 0px no-repeat; width: 391px; height: 48px; } #logo { background: url(images/tlo_04.gif) 0px 0px no-repeat; width: 391px; height: 282px; } #content { background: url(images/tlo_05.gif) 0px 0px no-repeat; width: 237px; height: 212px; float: left; display: inline; } #menu { background: url(images/tlo_06.gif) 0px 0px no-repeat; width: 154px; height: 212px; float: right; display: inline; }

Otóż nie wyświetlają się poprawnie w IE bloki. Każdy blok z graficznym tłem jest jeden pod drugim. W Fx wszystko jest dobrze (może poza tym, że ostatni blok w kolumnie środkowej 'footer' nie wyświetla się - 2 problem). Moje pytanie brzmi jak to obejść? Albo czy istnieje inny sposób napisania tej strony? Raczej nie chcę, żeby były to tabelki ani divy z wartościami absolute. Proszę o pomoc w rozwiązaniu problemu wyświetlania bloków w IE oraz (nie)wyświetlania bloku footer. Dziękuję.



IE nie obsluguje display: table-cell;

zamien to na float: left;

Dziękuję Bełdzio. Teraz spróbuję z footer, ale jakby ktoś wiedział dlaczego się nie wyświetla to proszę oszczędzić mi zachodu.

dodaj mu clear: both;



Dziękuję.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.