Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP] [CSS] Stopka/footer problem, Stopka nie wyświetla mi sie poprawnie
korey
post
Post #1





Grupa: Zarejestrowani
Postów: 122
Pomógł: 2
Dołączył: 14.08.2009
Skąd: Łódź

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

WITAJCIE!
Ułożenie mojej strony w uproszczeniu wygląda tak:
(IMG:http://img694.imageshack.us/img694/7452/footerov.jpg)
Części menu i treść są zmienne. tzn zmienia się ich wysokość.

Na tym przykładzie chciałbym stworzyć stopke która zawsze była by pod menu albo treścią, w zależności od tego które jest niżej.

o to wygląd pliku który wyświetla mi całą oprawę graficzną:
[PHP] pobierz, plaintext 
  1.  <?php
  2. session_start();
  3. $log = $_SESSION['login'];
  4. $pass = $_SESSION['haslo'];
  5. ?>
  6. <html>
  7. <head>
  8. <?php
  9.  sekcja_head();
  10. ?>
  11. </head>
  12.  
  13. <body>
  14. <div id="divLogo"> 
  15. </div>
  16.  
  17.  
  18. <!-- MENU -->  
  19. <?
  20. // To includowane menu ma DIVa o ID menu.
  21. include ('index.html');
  22. ?>
  23.  
  24.  
  25. <div id="footer"> 
  26. Wszelkie Prawna należą do <a href="index.php" class="stopka">Szkolne-kola.comuf.com</a> <b>&</b> Szkolnych Kół Caritas Archidiecezji Łódzkiej.<br>
  27. Š Style & Scripts Created By <a href="mailto:korey1910@wp.pl" class="stopka">Korey</a>.
  28. </div>   
  29.  
  30. <!-- 
  31. <center>
  32. <?php
  33.  function mikroczas(){
  34. list($mik, $sek) = explode(" ",microtime());
  35. return ($mik + $sek);
  36. }
  37. $start_mikroczas = mikroczas(); ?>
  38.  
  39. Stronę wygenerowano w <?php
  40. $stop_mikroczas = mikroczas();
  41. $wygenerowano = substr(($stop_mikroczas - $start_mikroczas),0,5);
  42. echo $wygenerowano;
  43. ?> sekund.</center>
  44.  
  45. <br><br><br>
  46. <center><a href="admin.php?administrator=login">administracja</a><br /><br />
  47. </center>
  48.  
  49. -->
  50. </body>
  51. </html>
  52.  
  53.  
  54.  
[PHP] pobierz, plaintext

Style CSS:

[XML] pobierz, plaintext 
  1. body{
  2. 	background: #F6F6F6;
  3. 	font: 14px Calibri;
  4. 	color: #372C2C;
  5. 	height: 100%;
  6. }
  7.  
  8. #divLogo {
  9. 	position:absolute;
  10. 	background-image:url(obrazki/logo.gif);
  11. 	height: 146px;
  12. 	width: 980px;
  13. 	z-index: 1;
  14. 	left: 15px;
  15. 	top: 0px;
  16. }
  17.  
  18. #menu {
  19. 	position:absolute;
  20. 	left: 57px;
  21. 	top:146px;
  22. 	width: 174px;
  23. 	font-family: Arial, sans-serif;
  24. 	font-size: 12px;
  25. 	padding-bottom: 10px;
  26. 	color: #fff;
  27. 	display: block;
  28. }
  29.  
  30. #divTresc{
  31. 	position:absolute;
  32. 	background-image:url(obrazki/center.gif);	
  33. 	left: 244px;
  34. 	top: 146px;
  35. 	width: 723px;
  36. 	display:block;
  37. 	margin-bottom: 300pz;
  38. }
  39.  
  40. #footer{
  41. 	background-image:url(obrazki/stopka.gif);			
  42. 	width: 723px;
  43. 	text-align: center;
  44. 	position:absolute;
  45. 	clear: both;
  46. 	left:15px;
  47. 	bottom:0px;
  48. } 
[XML] pobierz, plaintext


Z góry dziękuje za pomoc
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
Walian
post
Post #2





Grupa: Zarejestrowani
Postów: 124
Pomógł: 1
Dołączył: 13.07.2009

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

Nie chce mi się sprawdzać kodu u siebie, ale dam Ci kilka wskazówek co zmienić - może to rozwiąże Twój problem.

1. Nie masz DOCTYPE przed <html>
2. Znaczników <center> już od dawna się nie używa.
3. Prawdopodobnie pozycjonowanie absolute powoduje u Ciebie ten problem.

Możesz zrobić przecież np. tak:
[HTML] pobierz, plaintext 
  1. <div style="width: 500px; height: 60px; border: 1px solid black; margin: 0 auto">Logo</div>
  2. <div style="width: 500px; border: 3px solid red; margin: 0 auto">
  3.    <div style="width: 200px; float: left">Menu</div>
  4.    <div style="float: left">Tresc</div>
  5. </div>
  6. <div style="width: 500px; height: 20px; border: 1px solid black; margin: 0 auto">Stopka</div>
[HTML] pobierz, plaintext


Ew. błędy proszę mi wybaczyć bo piszę ten post w nocy (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
altruista2
post
Post #3





Grupa: Zarejestrowani
Postów: 127
Pomógł: 32
Dołączył: 8.02.2010

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

Muszę się spytać : Co to ma wspólnego z PHP?
Go to the top of the page
+Quote Post
Pilsener
post
Post #4





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

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

A ja powiem, żebyś poczytał jakiś kurs HTML+CSS (bo z kodu wynika, że nie masz o tym zielonego pojęcia) a jeśli Ci się nie chce, to w sieci masz pełno gotowców, dwie kolumny o stałej szerokości + nagłówek i stopka to banał, jest wiele tutoriali, darmowych szablonów:
http://webinside.pl/artykul-205-moj-pierwszy-layout.html
Go to the top of the page
+Quote Post
tehaha
post
Post #5





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

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

No rzeczywiście nie ma tu nic z php, ale skoro już jest to wystarczy że menu i treść wsadzisz w jeszcze jednego diva, wtedy albo menu albo treść będą go rozciągać i stopka zawsze będzie niżej , po drugie nie rozumiem czemu wszystkie divy zrobiłeś z position absolute, w takim wypadku one są niezależne od siebie więc to jest bez sensu, powinny być na float.

Wykasuj te position absolute, wsadź wszystko w jednego diva np. container , dla DivLogo daj float:left (w css oczywiście) dla Menu float:left, treść: float:right, , menu i treść wsadź w jeszcze jednego diva i dla niego daj float:left, i stopkę daj też float:left
Go to the top of the page
+Quote Post
korey
post
Post #6





Grupa: Zarejestrowani
Postów: 122
Pomógł: 2
Dołączył: 14.08.2009
Skąd: Łódź

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

No nie znalazłem działy CSS. ;/
usunąłem position absolute; i zapakowałem w jednego diva. teraz działa cacy.
Go to the top of the page
+Quote Post
« Następny starszy · PHP · 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: 23.08.2025 - 10:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn