Witam, muszę nieznacznie przerobić nagłówek swojego forum opartego na phpBB by Przemo.
Modyfikacja polega na tym by rozciąć szeroki obrazkowy nagłówek na dwa mniejsze. Problem w tym, że jak ładuję bloki części logo:

[HTML] pobierz, plaintext 
<div class="top1"></div><div class="top2"></div>
[HTML] pobierz, plaintext 

To efektem jest, że jedna część nagłówka jest pod drugą. Oczekiwałem efektu, że oba logo scalą się w jeden płynny obrazek.

Umieszczę jeszcze fragment pliku CSS:

[HTML] pobierz, plaintext 
.top1 { background-image: url('images/top1.png'); width: 180px; height: 180px; margin: 0 auto; }
.top2 { background-image: url('images/top2.png'); width: 820px; height: 180px; margin: 0 auto; }
[HTML] pobierz, plaintext 

Dodam jeszczę, że pierwotny obrazek logo miał 1000px szerokości, więc suma dwóch mniejszych się zgadza. Szerokość całego forum uzależniona jest od najszerszego elementu (w moim wypadku logo "top2").

Za wszelką pomoc będę bardzo wdzięczny.

Powinno pomóc.

Już sobie poradziłem. Użyłem jednego bloku w drugim:

[HTML] pobierz, plaintext 
<div class="top1"><div class="top2"></div></div>
[HTML] pobierz, plaintext 

Większy blok będzie musiał mieć 1000px, za to ten mniejszy będzie w warstwie "bardziej na wierzchu" i będzie miał float - left:

[HTML] pobierz, plaintext 
.top1 { background-image: url('images/top1.png'); width: 1000px; height: 180px; margin: 0 auto; }
.top2 { background-image: url('images/top2.png'); width: 180px; height: 180px; margin: 0 auto; float:left;}
[HTML] pobierz, plaintext 

Nie sprawdzałem Twojego rozwiązania, ale wnioskuję, że jeśli jedna część ma float - left, druga right, to jeżeli klient, będzie mieć odpowiednio dużą rozdzielczość to wszystko się rozjedzie. Innymi słowy części logo się nie scalą.

Pozdrawiam!