Na początku napisze, że przejrzałem juz kilka podobnych topiców na tymże forum i nie znalazłem rozwiązania. Męczę się od 2 godzin z dwoma divami, które powinny mieć taką sama długość + stopka pod nimi. Zaczęły mi już takie cuda wychodzić, czasami brakło 1 px do pełni szczęścia... Przeglądałem kilka zagranicznych serwisów (google: "css layouts"), no ale tam nie znalazłem w pełni satysfakcjonującego mnie rozwiązania. Ostatecznie, za radą jednego z tutejszych forumowiczów mam taki kod:

  1. <div style="width: 760px; margin: auto; display: table;">
  2. <div style="display: table-cell; width: 125px; background-color: #18215A;">lewe menu</div>
  3. <div style="display: table-cell; width: 635px; background-color: yellow;">prawe <br />menu <br /> prawe</div>
  4. </div>

I to mi działa w Mozilli (Firefox). Jak teraz dostosować to do IE? Będę wdzięczny za każdą pomoc (tylko proszę nie pisać 'zrob to na tabelach'), bo ja póki co nie znalazłem takiego rozwiązania co by działało i w IE, i w Mozilli..

__EDIT

Rozwiazalem to tak:

  1. <div style="background-image('tlo.gif'); display: table;">
  2. <div style="float: left; background: red;">dsdsads<br />dssd</div>
  3. <div style="float: left; background: green;">prawy<br />a<br />a<br/>a<br /></div>
  4. </div>


gdzie tlo.gif wyglada tak:

Kod
xxxxxxxxxx______________________________________


Ma szerokosc 750px i wysokosc 1px. Pierwsze 250px z lewej strony jest
czerwone, reszta jest zielona. Swoja role spelnia, a gif taki zajmuje
bardzo malo. No i dziala w Operze, IE i Mozilli :=)