Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Stopka na DIV-ach i problem
Forum PHP.pl > Forum > Po stronie przeglądarki
Kinool
kurka mecze sie ze stopka smile.gif robie na DIV-ach i mi stpoke zje pozycjonuje smile.gif jak w operze i FF jest ok to oczywiscie w IE kaszana smile.gif

lamanie standardowe top, menu po lewej i stopka na dole:


kod jaki mam:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>MOP-Serwis</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <link rel="stylesheet" type="text/css" href="mop_style.css" />
  6. </head>
  7.  
  8.  
  9. <div style="margin: auto; width: 760px;">
  10. <div style="width: 758px; height: 61px; background-color:#FF0000;">
  11. TOP
  12. </div>
  13.  
  14. <!-- MENU LEWA -->
  15. <div style="width: 137px; position: absolute; background-color:#FF9900;">
  16. menu
  17. </div>
  18.  
  19. <!-- TRESC -->
  20. <div style="width: 621px; float: right;">
  21. <div style="padding: 3px; background-color:#FFFFCC;">
  22. Tresc bla bla bla<br />tralalala<br />bla bla bla
  23. </div>
  24. </div>
  25.  
  26. </div>
  27.  
  28. <!-- STOPKA -->
  29. <div style="width: 760px; height: 38px; margin: auto;">
  30. Stopka
  31. </div>
  32.  
  33. </body>
  34. </html>


moze mi ktos pomoze i powie jak zrobic ta stopke na dole smile.gif
Levabul
  1. <!-- STOPKA -->
  2. <div style="width: 760px; height: 38px; position: absolute; bottom: 0px;">
  3. Stopka
  4. </div>
Kinool
hmm
Cytat
position: absolute; bottom: 0px;
niebradzo o to mi chodzi smile.gif bo jak menu jest dlugie albo tresc jest wieksza i nie miesci sie na jednym "screenie" to stopka i tak zawsze jest na samym dole zaslaniajac tym samym czesc zawartosci sad.gif
Levabul
Sprawdź to :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>MOP-Serwis</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <link rel="stylesheet" type="text/css" href="mop_style.css" />
  6. </head>
  7.  
  8.  
  9. <div style="margin: auto; width: 760px; position: relative;">
  10. <div style="width: 758px; height: 61px; background-color:#FF0000;">
  11. TOP
  12. </div>
  13.  
  14. <!-- MENU LEWA -->
  15. <div style="width: 137px; position: absolute; background-color:#FF9900; margin-bottom: 38px;">
  16. menu
  17. </div>
  18.  
  19. <!-- TRESC -->
  20. <div style="width: 621px; float: right;">
  21. <div style="padding: 3px; background-color:#FFFFCC; margin-bottom: 38px;" >
  22. Tresc bla bla bla<br />tralalala<br />bla bla bla
  23. </div>
  24. </div>
  25.  
  26. <!-- STOPKA -->
  27. <div style="width: 760px; height: 38px; position: absolute; bottom: 0px;">
  28. Stopka
  29. </div>
  30.  
  31. </div>
  32.  
  33. </body>
  34. </html>


teraz już niezasłania zawartości
Kinool
jest ok ale jest jeszcze jedno male ale smile.gif jak ktos ma zmniejszone okienko ze jest pionowy scroll to stopka zawsze sie ustawia wzbledem dolnej krawedzi przgladarki i zaslania zawartosc smile.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.