Problem z kolumnami w firefoxie.

[kalinowski5]

Witam.

Podczas składania designu https://www.flight-simulator.pl natrafiłem na problem ze złym ułożeniem białej kolumny z treścią.

W Firefoxie ucieka ona pod lewy panel z chmurami i samolotem.

Oto kod CSS:

#top{
 float: left;
 width: 448px;
 height: 652px;
 display: inline;
}

...

#srodek {
  background-color: #fff;
  width: 430px;
  padding: 10px;
  border: 1px solid #CCFFFF;
}

Siedzę już nad tym kilka godzin, więc będę bardzo wdzięczny za pomoc.

[lipa]

Generalnie pociąłbym ten layout zdecydowanie inaczej. Przy aktualnym powinno pomoc jeśli do pewnych elementów dodasz następujące właściwości:

#container {
...
width: 1166px;
}

#srodek {
...
margin-left: 448px;
margin-top: 25px;
}

[kalinowski5]

Tak już próbowałem, ale wtedy sypie się w operze, a w FF u góry pojawia się biały pasek. Na wszelki wypadek wrzuciłem wersję po tych zmianach na serwer.

[lipa]

To jest banalnie prosty layout... dlaczego więc nie potniesz go w ten sposób:

Unikniesz dzięki temu wielu problemów. Tutaj oraz tutaj znajdziesz mnóstwo przykładów poprawnie walidujących się szablonów.