Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z footer
Forum PHP.pl > Forum > Po stronie przeglądarki
pietrov8
5.08.2009, 16:29:18
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
Crozin
5.08.2009, 16:38:17
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.
pietrov8
5.08.2009, 17:10:43
Czyli jak by to wyglądało w moim przypadku??

?
Crozin
5.08.2009, 18:55:24
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.
pietrov8
5.08.2009, 19:12:42
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
Crozin
6.08.2009, 09:46:45
Kod
.footer
{
margin:auto;
width:1000px;
}
W HTMLu nie widzę, żadnego elementu z class = footer.
jarrod
6.08.2009, 09:53:24
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
pietrov8
6.08.2009, 11:42:50 
[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/
Lion_87
6.08.2009, 12:50:10
Napisz jeszcze raz w czym problem dokładnie...
pietrov8
6.08.2009, 13:01:57
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/
Crozin
6.08.2009, 13:03:05
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>
slaw.omir
6.08.2009, 13:07:22 
[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
pietrov8
6.08.2009, 13:48:44
Niestety efekt wciąż ten sam.
Crozin
6.08.2009, 14:19:49
Patrzyłeś w mój kod? Gotowy kod.
pietrov8
6.08.2009, 14:21:08
tak i to samo
motylo
6.08.2009, 14:26:36
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%;
}
Crozin
6.08.2009, 14:31:13
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.
pietrov8
6.08.2009, 14:42:03
Problem rozwiązany biggrin.gif Tylko komu tu pomógł dać tongue.gif
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.