Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Przesuwający się header oraz footer przy zmianie rozdzielczości
krzesik
post
Post #1





Grupa: Zarejestrowani
Postów: 516
Pomógł: 1
Dołączył: 25.08.2012

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

Witam, mam problem przy zmianie rozdzielczości z serwisem, przesuwa mi się się nagłówek oraz stopka w prawo (tak jakby zachowywały nadar zadany margines) nie mogę tego znaleść w css, pomocy.
[HTML] pobierz, plaintext 
  1. .header
  2. {
  3. 	height:140px;
  4. 	background:url('head.png') no-repeat;
  5. 	width:1200px;
  6. 	margin:auto;
  7. 	margin-top:10px;
  8.     display:block;
  9. }
  10. .header span
  11. {
  12. 	display:block;
  13. 	font-size:70px;
  14. 	font-family:Arial, Helvetica, sans-serif;
  15. 	color:#ffffff;
  16. 	padding-top:25px;
  17. 	margin-left:50px;
  18. }
  19. .foot
  20. {
  21. 	width:1200px;
  22. 	margin:auto;
  23. 	margin-bottom:30px;
  24. 	text-align:left;
  25.     font-size:12px;
  26.     color:#ffffff;
  27.     height:89px;
  28.     padding-left:50px;
  29. 	padding-top:25px;
  30. 	background:url('foot.png') no-repeat center;
  31. }
  32. .foot a,.foot
  33. {
  34. 	color:#cccccc;
  35. }
  36. .foot:hover a,.foot:hover
  37. {
  38. 	color:#dddddd;
  39.  
  40. }
  41. .foot a:hover
  42. {
  43. 	color:#ffffff;
  44.     margin-left:50px;
  45. }
  46. body
  47. {
  48. 	background:#000000 url('bg.jpg') top center no-repeat fixed;
  49. 	font-family:Verdana, Geneva, sans-serif;
  50. 	margin:0px;
  51. 	padding:0px;
  52. }
  53.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

Ustawiłeś na sztywno 1200px dla .header i .foot
Przy mniejszej rozdzielczości będą wypychać szerokość na prawo.
Go to the top of the page
+Quote Post
krzesik
post
Post #3





Grupa: Zarejestrowani
Postów: 516
Pomógł: 1
Dołączył: 25.08.2012

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

więc mam ustawić na auto; ?

ma ktoś jeszcze jakieś pomysły?
Go to the top of the page
+Quote Post
mar1aczi
post
Post #4





Grupa: Zarejestrowani
Postów: 731
Pomógł: 141
Dołączył: 9.05.2011
Skąd: śląskie

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

Pokaż jak masz to poskładane w htmlu.
Go to the top of the page
+Quote Post
krzesik
post
Post #5





Grupa: Zarejestrowani
Postów: 516
Pomógł: 1
Dołączył: 25.08.2012

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

[HTML] pobierz, plaintext 
  1. ......
  2. <body>
  3.     <div class="site">
  4.         <div class="header">
  5.             <span><img src="logo.png" alt="Logo" /></span>
  6.         </div>
  7.         <div class="clean"></div>
  8.         <div class="content">
  9.             <div class="menu_v">
  10.             <div class="menu_v_top">Menu</div>
  11.             <hr />
  12.             <div class="menu_v_ctn">
  13.                 <p align="right">
  14.                 <a href="wyloguj.php"><font color="red">Wyloguj</font></a>
  15.                 </p>
  16. .......
  17. .......
  18.             </div>
  19.             </div>
  20.             <div class="content_ctn">
  21.                                 <h2>Panel Administracyjny</h2>
  22. <div class="paragraphe">
  23. <br />
  24. .................
  25. .................
  26.  
  27. .................
  28.  
  29. </div>
  30.             </div>
  31.         </div>
  32.         <div class="clean"></div>
  33.  
  34.         <div class="foot">
  35. napis w stopce
  36.         </div>
  37.  
  38.     </div>
  39. </body>
  40. </html>
  41.  
  42.  
  43.  
  44.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 22.08.2025 - 22:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn