Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z footer
pietrov8
post
Post #1





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

Jak zrobić by footer na tej stronie
http://www.agraven.pl/sklep/index.php


był taki sam jak na tej
http://www.agraven.pl/agraven/

Z góry dziękuję za odp. Link do css http://www.agraven.pl/agraven/css/stylownik.css

Zapomniałbym

Kod Footer z http://www.agraven.pl/sklep/index.php
[PHP] pobierz, plaintext 
  1. <?php
  2. /*
  3.   $Id: footer.php 1739 2007-12-20 00:52:16Z hpdl $
  4.  
  5.   osCommerce, Open Source E-Commerce Solutions
  6.   <a href=\"http://www.oscommerce.com\" target=\"_blank\">http://www.oscommerce.com</a>
  7.  
  8.   Copyright (c) 2003 osCommerce
  9.  
  10.   Released under the GNU General Public License
  11. */
  12. // START STS 4.5
  13. if ($sts->display_template_output) {
  14.   // Get content here, in case column_right is not called.
  15.   if (!isset($sts->template['content'])) $sts->restart_capture ('content');
  16. } else {
  17. //END STS
  18.  
  19.   require(DIR_WS_INCLUDES . 'counter.php');
  20. ?>
  21. <?php
  22.   if ($banner = tep_banner_exists('dynamic', '468x50')) {
  23. ?>
  24.  
  25. <?php
  26.   }
  27. // START STS 4.1
  28. }
  29. // END STS 4.1
  30. ?>
  31. <link href="/stylownik.css" rel="stylesheet" type="text/css" /><br />
  32.  
  33. <div id="foot">
  34.     <div id="foot-content">
  35.         <div id="foot_left">
  36.            Copyright Š Agraven 2009
  37.         </div>
  38.  
  39.  
  40.         <div id="foot_right">
  41.         Modyfied by <a target="_blank" href="http://www.webdesign-experts.eu">Webdesign</a>-Experts.eu - <a href="http://www.webdesign-experts.eu/oferta,sklepy_internetowe.htm" target="_blank">Sklepy internetowe</a>   </div>
  42.  
  43.     </div>
  44.  
  45.  
  46. </div>
[PHP] pobierz, plaintext


oraz z http://www.agraven.pl/agraven/
[HTML] pobierz, plaintext 
  1. <div style="clear: both; height: 30px;"></div>
  2.  
  3.  
  4.  
  5. <div id="foot">
  6. 	<div id="foot-content">
  7. 		<div id="foot_left">
  8. 		Copyright Š Agraven 2009
  9. 		</div>
  10.  
  11.  
  12. 		<div id="foot_right">
  13. 		Code by <a href="http://Webdesign-experts.eu">Webdesign-experts.eu</a>
  14. 		</div>
  15.  
  16. 	</div>
  17.  
  18.  
  19. </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 17)
Crozin
post
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Po co dajesz nam kod PHP?

Generalnie kod:
Kod
<body>
  <div id="wrapper">
    <p>blah</p>
  </div>
  <div id="footer">
     <div>
       <p>stopka</p>
     </div>
  </div>
Dla #wrapper i footer > div dajesz jakąś szerokość plus automatyczne marginesy, a dla #footer ustawiasz szare tło.
Go to the top of the page
+Quote Post
pietrov8
post
Post #3





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

Czyli jak by to wyglądało w moim przypadku??

?
Go to the top of the page
+Quote Post
Crozin
post
Post #4





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Mniej-więcej tak, że czytasz mojego posta. Analizujesz ogólną metodę jaką on prezentuje. Następnie analogicznie modyfikujesz swój kod oraz dodajesz kod CSS ze słownego opisu. Sprawdzasz czy działa, jeśli nie sprawdzasz ponownie kod, ewentualnie ponownie na forum opisujesz (oraz oczywiście podajesz kod) co i jak zmieniałeś, jaki efekt to dało.
Go to the top of the page
+Quote Post
pietrov8
post
Post #5





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

Zrobiłem to tak:
[HTML] pobierz, plaintext 
  1. <body>
  2.   <div id="wrapper">
  3.     <p>blah</p>
  4.   </div>
  5.   <div id="footer">
  6.      <div>
  7.        <p>stopkaadsd</p>
  8.      </div>
  9.   </div>
  10.   </body>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #wrapper
  2. {
  3. 	margin:auto;
  4. 	width:1000px;
  5. }
  6. .footer
  7. {
  8. 	margin:auto;
  9. 	width:1000px;
  10. }
  11. #footer
  12. {
  13. 	background: url(img/foot.png) repeat-x;
  14. 	height: 70px;
  15. }
[HTML] pobierz, plaintext


a efekt jak widać na samym dole http://www.agraven.pl/sklep/index.php
Go to the top of the page
+Quote Post
Crozin
post
Post #6





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Kod
.footer
{
margin:auto;
width:1000px;
}
W HTMLu nie widzę, żadnego elementu z class = footer.
Go to the top of the page
+Quote Post
jarrod
post
Post #7





Grupa: Zarejestrowani
Postów: 312
Pomógł: 9
Dołączył: 14.10.2006
Skąd: warszawa

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

wysuń div-a ze swoją stopką poza div-a klasy zawartosc bo ten div zawsze będzie ograniczać inne divy wewnatrz.

Styl css możesz wręcz skopiować skoro masz źródło...

[HTML] pobierz, plaintext 
  1. background: url(http://agraven.pl/agraven/img/foot.png) repeat-x;
  2. height: 70px;
  3. margin: 0px;
  4. padding: 0px;
  5. width: 100%;
[HTML] pobierz, plaintext


Ten post edytował jarrod 6.08.2009, 09:53:49
Go to the top of the page
+Quote Post
pietrov8
post
Post #8





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X---- 

[HTML] pobierz, plaintext 
  1. <link href="/stylownik.css" rel="stylesheet" type="text/css" />
  2. <body>
  3.   <div id="footer">
  4.        <p>stopkaadsd</p>
  5.   </div>
  6.   </body>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. #footer
  2. {
  3. background: url(http://agraven.pl/agraven/img/foot.png) repeat-x;
  4. height: 70px;
  5. margin: 0px;
  6. padding: 0px;
  7. width: 100%;
  8. }
[HTML] pobierz, plaintext

I jaki efekt :/ http://www.agraven.pl/sklep/
Go to the top of the page
+Quote Post
Lion_87
post
Post #9





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

Napisz jeszcze raz w czym problem dokładnie...
Go to the top of the page
+Quote Post
pietrov8
post
Post #10





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

Chodzi mi o szerokość stopki Sklepu.

Chcę by footer by rozciągnięty na cały ekran jak tutaj: http://www.agraven.pl/agraven/

A nie jak tutaj http://www.agraven.pl/sklep/
Go to the top of the page
+Quote Post
Crozin
post
Post #11





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>Przykładowy dokument</title>
    
    <style type="text/css">
        body{
            background: darkgray;
            color: gray;
        }

        #wrapper, #footer > div{
            width: 800px;
            margin: 0 auto;
        }

        #footer{
            background: lightgray;
        }
    </style>
    <script type="text/javascript"></script>
</head>
<body>
    <div id="wrapper">
        <p>Page content</p>
    </div>
    <div id="footer">
        <div>
            <p>Footer content</p>
        </div>
    </div>
</body>
</html>
Go to the top of the page
+Quote Post
slaw.omir
post
Post #12





Grupa: Zarejestrowani
Postów: 38
Pomógł: 1
Dołączył: 10.08.2006

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

[HTML] pobierz, plaintext 
  1. <div style="clear: both; height: 30px;"></div>
  2.  
  3.  
  4.  
  5. <div id="foot">
  6. <div id="foot-content">
  7. <div id="foot_left">
  8. Copyright Š Agraven 2009
  9. </div>
  10.  
  11.  
  12. <div id="foot_right">
  13. Code by <a href="http://Webdesign-experts.eu">Webdesign-experts.eu</a>
  14. </div>
  15.  
  16. </div>
  17.  
  18.  
  19. </div>
[HTML] pobierz, plaintext


style css
[HTML] pobierz, plaintext 
  1. height:70px;
  2. width:100%;
  3. background-image: url(sciezka/do_pliku.jpg);
[HTML] pobierz, plaintext


spróbuj tak

[HTML] pobierz, plaintext 
  1. <div style="clear: both; height: 30px;"></div>
  2.  
  3.  
  4.  
  5. <div id="foot">
  6. <div id="foot-content">
  7. <div id="foot_left">
  8. Copyright Š Agraven 2009
  9. </div>
  10.  
  11.  
  12. <div id="foot_right">
  13. Code by <a href="http://Webdesign-experts.eu">Webdesign-experts.eu</a>
  14. </div>
  15.  
  16. </div>
  17.  
  18.  
  19. </div>
[HTML] pobierz, plaintext


style css
[HTML] pobierz, plaintext 
  1. height:70px;
  2. width:100%;
  3. background-image: url(sciezka/do_pliku.jpg);
[HTML] pobierz, plaintext


spróbuj tak
Go to the top of the page
+Quote Post
pietrov8
post
Post #13





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

Niestety efekt wciąż ten sam.
Go to the top of the page
+Quote Post
Crozin
post
Post #14





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Patrzyłeś w mój kod? Gotowy kod.
Go to the top of the page
+Quote Post
pietrov8
post
Post #15





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

tak i to samo
Go to the top of the page
+Quote Post
motylo
post
Post #16





Grupa: Zarejestrowani
Postów: 35
Pomógł: 5
Dołączył: 13.07.2008
Skąd: Kalisz

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

Wyciągnij div id="foot" poza div id="zawartość"
i w css usun z #foot i #foot-content szerokość lub ustaw na 100%;

drugie rozwiązanie:

w css dodaj:
#foot{
position: absolute;
left: 0;
bottom: 0;
z-index: 10000;
width: 100%;
}
Go to the top of the page
+Quote Post
Crozin
post
Post #17





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Cytat
tak i to samo
Strona o szerokości XXX pikseli, a tło stopki na całą szerokość.
No to cholera, albo oczy już nie te same co za młodu, albo coś kłamiesz.
Go to the top of the page
+Quote Post
pietrov8
post
Post #18





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----

Problem rozwiązany (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) Tylko komu tu pomógł dać (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 15.09.2025 - 16:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn