Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Stopka na DIV-ach i problem
Kinool
post
Post #1





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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


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


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Levabul
post
Post #2





Grupa: Zarejestrowani
Postów: 197
Pomógł: 0
Dołączył: 11.07.2005

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


  1. <!-- STOPKA -->
  2. <div style="width: 760px; height: 38px; position: absolute; bottom: 0px;">
  3. Stopka
  4. </div>


--------------------
Go to the top of the page
+Quote Post
Kinool
post
Post #3





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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


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


--------------------
Go to the top of the page
+Quote Post
Levabul
post
Post #4





Grupa: Zarejestrowani
Postów: 197
Pomógł: 0
Dołączył: 11.07.2005

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


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

Ten post edytował Levabul 19.07.2005, 09:57:34


--------------------
Go to the top of the page
+Quote Post
Kinool
post
Post #5





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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


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


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 20.08.2025 - 04:53