Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Pionowy baner po lewej stronie
Forum PHP.pl > Forum > Przedszkole
adam882
Witam

Mam problem z umieszczeniem pływającego banera.

Mianowicie wygląda to tak.

Strona jest wyśrodkowana w następujący sposób:

  1. <div style="width:1000px; margin:auto;">
  2. //Zawartość strony
  3. </div>


Chciałem teraz zrobić tak, aby po lewej stronie pojawił się pionowy baner
Dodałem go używając takiego kodu:

  1. <div style="position:absolute; top: 5px; left:30px;">
  2. //Kod banera
  3. </div>


Niby wszystko wygląda tak, jak tego chcę, lecz problem pojawia się w momencie, kiedy tą stronę zwężam, zmniejszając okno przeglądarki. Baner najeżdża na część strony. Czy da się tak zmodyfikować kod, aby baner cały czas znajdował się z boku, nie najeżdżając na stronę ?

Miszczklawiatury
Można zamknąć te dwa divy w trzecim divie, jeśli znasz wymiary bannera. Rozwiązuje to problem nakładania się bannera na stronę. Przykładowo, jeśli banner ma 200px i nie ma żadnych marginesów:

  1. <div style="width:1200px; margin: auto;">
  2.  
  3. <div style="display:inline-block; width: 200px;">
  4. // Kod Bannera
  5. </div>
  6.  
  7. <div style="float: right; display:block; width:1000px;">
  8. //Kod strony
  9. </div>
  10.  
  11. </div>


Nie rozumiem jednej rzeczy: napisałeś pływający banner. Chodzi o banner, który zostaje cały czas w tym samym miejscu, gdy przewijamy stronę? Z tego co wiem, do tego używa się position: fixed, a nie position: absolute.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.