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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) robie na DIV-ach i mi stpoke zje pozycjonuje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) jak w operze i FF jest ok to oczywiscie w IE kaszana (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

lamanie standardowe top, menu po lewej i stopka na dole:
(IMG:http://www.fujielectric.pl/temp/lay.gif)

kod jaki mam:
[HTML] pobierz, plaintext 
  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. <head>
  4. 	<title>MOP-Serwis</title>
  5. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  6. 	<link rel="stylesheet" type="text/css" href="mop_style.css" />
  7. </head>
  8.  
  9. <body>
  10.  
  11. <div style="margin: auto; width: 760px;">
  12. 	<div style="width: 758px; height: 61px; background-color:#FF0000;">
  13. 		TOP
  14. 	</div>
  15.  
  16. 	<!-- MENU LEWA -->
  17. 	<div style="width: 137px; position: absolute; background-color:#FF9900;">
  18. 		menu		
  19. 	</div>
  20.  
  21. 	<!-- TRESC -->
  22. 	<div style="width: 621px; float: right;">
  23. 		<div style="padding: 3px; background-color:#FFFFCC;">
  24. 			Tresc bla bla bla<br />tralalala<br />bla bla bla
  25. 		</div>
  26. 	</div>
  27.  
  28. </div>
  29.  
  30. <!-- STOPKA -->
  31. <div style="width: 760px; height: 38px;	margin: auto;">
  32. 	Stopka
  33. </div>
  34.  
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


moze mi ktos pomoze i powie jak zrobic ta stopke na dole (IMG:http://forum.php.pl/style_emoticons/default/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%)
----- 

[HTML] pobierz, plaintext 
  1. <!-- STOPKA -->
  2. <div style="width: 760px; height: 38px; position: absolute; bottom: 0px;">
  3. Stopka
  4. </div>
[HTML] pobierz, plaintext
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 (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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 :

[HTML] pobierz, plaintext 
  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. <head>
  4. <title>MOP-Serwis</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  6. <link rel="stylesheet" type="text/css" href="mop_style.css" />
  7. </head>
  8.  
  9. <body>
  10.  
  11. <div style="margin: auto; width: 760px; position: relative;">
  12. <div style="width: 758px; height: 61px; background-color:#FF0000;">
  13. TOP
  14. </div>
  15.  
  16. <!-- MENU LEWA -->
  17. <div style="width: 137px; position: absolute; background-color:#FF9900; margin-bottom: 38px;">
  18. menu
  19. </div>
  20.  
  21. <!-- TRESC -->
  22. <div style="width: 621px; float: right;">
  23. <div style="padding: 3px; background-color:#FFFFCC; margin-bottom: 38px;" >
  24. Tresc bla bla bla<br />tralalala<br />bla bla bla
  25. </div>
  26. </div>
  27.  
  28. <!-- STOPKA -->
  29. <div style="width: 760px; height: 38px; position: absolute; bottom: 0px;">
  30. Stopka
  31. </div>
  32.  
  33. </div>
  34.  
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) jak ktos ma zmniejszone okienko ze jest pionowy scroll to stopka zawsze sie ustawia wzbledem dolnej krawedzi przgladarki i zaslania zawartosc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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 - 23:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn