Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML]Pionowy baner po lewej stronie
adam882
post 8.05.2013, 16:00:01
Post #1





Grupa: Zarejestrowani
Postów: 289
Pomógł: 1
Dołączył: 2.11.2007

Ostrzeżenie: (0%)
-----


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ę ?

Go to the top of the page
+Quote Post
Miszczklawiatury
post 8.05.2013, 17:03:17
Post #2





Grupa: Zarejestrowani
Postów: 7
Pomógł: 1
Dołączył: 8.05.2013

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.04.2025 - 05:46