wdrożenia PrestaShop

Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?

  • 4 Odpowiedzi
  • 7629 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline scholl

  • Wdrożenia PrestaShop
  • Mieszkaniec
  • *****
  • 511
  • 0
  • Płeć: Mężczyzna
Witam wszystkich.
Mam problem. Sklepik już prawie jest gotowy, jednak chciałbym ustawić część stopki - footer na całą szerokość ekranu (w poziomie - repeat-x) - ponieważ baner w części header rozciąga się w ten sposób.

Teraz tak:
- dopisuję w kodzie globals.css w footer'ze:
background:url('../img/nazwa_pliku.jpg') bottom repeat-x;Wygląda to w całości tak:
#footer {
background:url('../img/nazwa_pliku.jpg') bottom repeat-x;
height: 60px;
width:100%;
clear: both;
}
Teoretycznie zrobiłem tło podobnie jak w części header, jednak w części header jest wszystko ok, a pozostał problem ze stopką.
Proszę o pomoc osoby znające rozwiązanie problemu.
Pozdrawiam.

 

*

Offline ircykk

  • Stały użytkownik
  • ***
  • 92
  • -4
    • www.ircykk.pl
Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
« Odpowiedź #1 dnia: Styczeń 20, 2010, 04:43:26 pm »
pokaż ten sklep, cały sklep ma stałą szerokość. zapewne tło headera jest na całą szerokość a nie sam header. reapat-x odpowiada za powtarzanie obrazka w poziome a nie za szerokość diva.

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
« Odpowiedź #2 dnia: Styczeń 21, 2010, 03:52:37 pm »
musisz dodać w body jakiegoś jpg.
I od fooder musiałby zaczynać sie twój kolor( w JPGu) i dac pod tego jpg ten kolor który chcesz aby sie powtarzał...

np:

background: red url(obrazek.jpg);
i jak skończy sie fota bedzie kolor czerowny
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline slash5

  • Użytkownik
  • **
  • 35
  • 0
Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
« Odpowiedź #3 dnia: Styczeń 21, 2010, 05:07:54 pm »
Musisz edytowac plik footer.tpl:

tak sie zaczyna:
   {if !$content_only}
         </div>

<!-- Right -->
         <div id="right_column" class="column">
            {$HOOK_RIGHT_COLUMN}
         </div>

<!-- Footer -->
      </div>

<div id="footer"> ................TWOJA TRESC STOPKI .....................



      </div>
   
   {/if}
   </body>
</html>

*

Offline scholl

  • Wdrożenia PrestaShop
  • Mieszkaniec
  • *****
  • 511
  • 0
  • Płeć: Mężczyzna
Odp: Jak zrobić footer (stopkę) na całą szerokość ekranu (repeat-x) ?
« Odpowiedź #4 dnia: Styczeń 22, 2010, 08:49:52 am »
Dziękuję za pomoc, spróbuje pogrzebać w kodzie wieczorkiem ;]