Kod tej stronki wygląda tak:
Cytat
<div id="wrapper">Górny pasek z tytułem strony</div>
<div id="komorka1">Obrazek</div>
<div id="komorka2">Treść w prawym divie</div>
<div class = "stopka">treść stopki</div>
<div id="komorka1">Obrazek</div>
<div id="komorka2">Treść w prawym divie</div>
<div class = "stopka">treść stopki</div>
I plik z definicjami stylów:
Cytat
#wrapper {
width: 100%;
background: transparent url(zrodlo_obrazka) repeat-x top left;
height: 80px;
clear: both;
}
#komorka1 {
width: 20%;
padding: 8px 8px 4px 10px;
border: 0;
float: left; }
#komorka2 {
width: 80%;
padding: 8px 8px 4px 10px;
border: 0;
vertical-align: top;
float: right; }
.stopka {
clear: both;
width: 100%; }
width: 100%;
background: transparent url(zrodlo_obrazka) repeat-x top left;
height: 80px;
clear: both;
}
#komorka1 {
width: 20%;
padding: 8px 8px 4px 10px;
border: 0;
float: left; }
#komorka2 {
width: 80%;
padding: 8px 8px 4px 10px;
border: 0;
vertical-align: top;
float: right; }
.stopka {
clear: both;
width: 100%; }
Problem w tym, że Internet Explorer wyświetla wszystko dobrze ale Opera niestety już nie. Dziwnym sposobem w tej drugiej przeglądarce treść w divie "komorka2" ma zbyt duży górny odstęp i zamiast zaczynać się od górnej krawędzi diva "komorka2" to zaczyna się miej więcej na wysokości dolnej podstawy zdjęcia z lewego diva "komorka1". Dodam, że dopóki nie umieściłem w divie "komorka1" obrazka to wszystko było dobrze zarówno w Operze jak i w IE. Moze ktoś pomoże?