Opencart Polska

Witam
Czy znajdzie się osoba która powie mi po ludzku jak mam to zrobić bo już mi się głowa zagotowała

Obecnie mam tak jak na obrazku z lewej footer jest na szerokość sklepu 100%
jak mam zrobić by Footer był na całą szerokość ekranu a nie tylko do 960 a div1, div2 pozostały w tym samym miejscu

Kod: Zaznacz cały

#footer {
    width:100%;
    height:400px;
    clear:both;
    background: #000000 url('../img/footer.png') repeat-x ;

#footer .div1 {
    float:left;
    text-align:left;
    padding-top:20px;
    margin-left:5px
}
#footer .div2 {
    float:right;
    text-align:right;
    padding-top:20px; margin-right:5px }



Jak znam życie pewnie doczekam się odpowiedzi za miesiąc choć mam nadzieję że szybciej ....

Może tak to przedstawię w PSie bedzie może bardziej widoczne o co mi chodziło z tą stopką
Obecnie bez problemu mam tak (nie dokładnie tak bo to nie moja www)
Stopka jest w szerokości sklepu :

a chciałbym przy waszej pomocy by wyglądała tak czyli na szerokość ekranu :


gdy zwiększałem uciekała do prawej a jak już mi się udało ją usadzić to niestety w IE i Safari
miałem możliwość przewijania strony i zobaczenia gdzie się footer kończy
Mam zaćmienie i nie mogę pojechać z tym dalej .

Jak podasz adres strony to będzie łatwiej.

Ciężkawo z tym będzie mam ją na dysku makówki
ale : przykładem może być demo oraz skórka która prezentuje to o co mi chodzi ze zmianami w footer
http://demo.opencart.com/ vs http://demo1.opencartstuff.com/index.ph ... =default21
Dzięki wielkie że w padłeś na chwilkę

Zazwyczaj struktura jest mniej więcej taka:

<div id="container">
...
<div id="footer">
</div> // zamykający footer
</div> // zamykający container

Także container jest jakby najważniejszym i nadrzędnym divem i skoro jego szerokość jest ustawiona na 960px to footer, który się w nim zawiera nie za bardzo chce się edytować w sprzeczności z containerem.

Sądzę, że trzeba wyciągnąć footer poza container i wtedy powinna być możliwość ustawienia jego dowolnej szerokości.

<div id="container">
...
</div> // zamykający container
<div id="footer">
</div> // zamykający footer

Nie testowałem, ale prawdopodobnie w pliku theme/default/template/common/footer.tpl wystarczy ostatniego zamykającego diva przenieść na sam początek. Dodatkowo jak patrzę na stronę, którą podałeś to zawartość footera powinna być w dodatkowym divie, np. <div id="footer_wrap">, po to, żeby szerokość tekstu w stopce zachować zgodnie z containerem.

I tutaj przykładowe ustawienia, z podanej przez Ciebie strony:

Kod: Zaznacz cały

#footer_wrap {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 20px;
    color: #40ad46;
}

Potas dzięki za ten ten jeden malutki div dla ludzkości który załatwił sprawę .
... a gapiłem się na to i gapiłem a wystarczyło ... ehhh lama i tyle .