Ułożenie szablonu

[razorskate]

Sprawdź jeszcze czy w Operze wszystko działa jak należy, wtedy będziesz miał pewność czy to wina tylko IE. Jeśli nadal nie będzie działać, poczytaj trochę o hackach w CSS do IE.

Ja na twoim miejscu zrobił bym to inaczej, tak:

1. Kod CSS:

Kod:

#panel_lewy {
width:20%;
min-height:100px;
float:left;
}

#news {
width:60%;
min-height:100px;
float:left;
}

#panel_prawy {
width:20%;
min-height:100px;
float:left;
}

2. Kod HTML:

Kod:

<div id="panel_lewy">
<!--Tekst w panelu lewym -->
</div>
<div id="news">
<!-- Teks w divie "news" -->
</div>
<div id="panel_prawy">
<!-- Tekst w panelu prawym -->
</div>

Mam nadzieję, że zrozumiałeś o co mi chodzi. Mowiąc krótko, nie zagnieżdżasz, tylko po kolei umieszczas divy w kodzie. Jako że div jest elementem blokowym, po nadaniu floatów, automatycznie ustawią się obok siebie, zapełniając cały ekran monitora. Można zmienić ilości procentowe, na inną wartość i nadać ograniczenia dla diva spinającego całość:

Kod:

max-width:1440px;
min-width:800px;

I wtedy cały układ nie będzie szerszy niż 1440px, ani nie zwęzi się do szerokości mniejszej niż 800px.
Mam nadzieję, że mnie zrozumiałeś
Pozdrawiam, Mikołaj.