Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] [CSS] Stopka/footer problem
Forum PHP.pl > Forum > PHP
korey
13.02.2010, 18:25:20
WITAJCIE!
Ułożenie mojej strony w uproszczeniu wygląda tak:

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
Walian
14.02.2010, 01:57:16
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 biggrin.gif
altruista2
14.02.2010, 11:17:24
Muszę się spytać : Co to ma wspólnego z PHP?
Pilsener
14.02.2010, 11:37:00
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
tehaha
14.02.2010, 11:38:24
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
korey
14.02.2010, 11:58:17
No nie znalazłem działy CSS. ;/
usunąłem position absolute; i zapakowałem w jednego diva. teraz działa cacy.
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.