Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> div width: 100% z marginasami
expert
post
Post #1





Grupa: Zarejestrowani
Postów: 211
Pomógł: 4
Dołączył: 29.10.2008

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

Witam,

mam taki kod:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. 	<link rel="shortcut icon" href="images/icon.gif">
  5. 	<link rel="icon" type="image/gif" href="images/icon.gif">
  6.  
  7. 	<link href="other/style.css" rel="stylesheet" type="text/css" />
  8. 	<script type="text/javascript" src="other/jquery.js"></script>
  9. </head>
  10. <body>
  11. <div class="stopka">&copy; <?=date("Y");?> Wszelkie prawa zastrzeżone.</div>
  12. </body>
  13. </html>
[HTML] pobierz, plaintext


i css:
[HTML] pobierz, plaintext 
  1. body {
  2. 	background-color:#231F1C;
  3. 	margin:0px;
  4. 	padding:0px;
  5. 	font-family:Verdana;
  6. 	font-size:11px;
  7. 	cursor: default;
  8. 	width: 100%;
  9. }
  10.  
  11. .stopka{
  12. 	position: absolute;
  13. 	bottom: 0px;
  14. 	left: 0px;
  15. 	right: 0px;
  16. 	margin:0px 43px;
  17. 	padding:29px 8px;
  18. 	font-size: 12px;
  19. 	color: #4D443F;
  20. 	background: url('../images/kres_stopka.jpg');
  21. 	background-repeat:repeat-x;
  22. 	background-position:top; 
  23. }
[HTML] pobierz, plaintext


chodzi o to, że chce aby stopka była rozciągnięta na cała szerokość strony, ale z marginesami bocznymi 43px; Na FF i opera działa dobrze, tylko jak zwykle na IE się sypie -.- P{rosiłbym o jakąś podpowiedź, bo nie chce tego robić w jakis tabelach, div w divie itp. Chce to jakoś ogarnąć za pomocą CSS.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
by_ikar
post
Post #2





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

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

Spróbuj dla stopki dodać:

Kod
width: auto;


zamiast

Kod
width: 100%;


Nie jestem pewien czy to zadziała, bo nie mam IE 6/7, a w IE8 działa to tak samo jak w innych przeglądarkach.
Go to the top of the page
+Quote Post
Sephirus
post
Post #3





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

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

Ok i niestety trzeba Cię ochrzanić smile.gif

Na co Ci position:absolute w stopce?questionmark.gifquestionmark.gifquestionmark.gifquestionmark.gif

Marginesy nie są stworzone do używania razem pozycjonowaniem absolutnym... ehh... To że jakaś przeglądarka to wyświetla to po prostu fart ;P

Olej position:absolute, pokasuj deklaracje left, right, top itp.. i skasuj cokolwiek związanego z width (div automatycznei ma width na auto)

powinno smigać wink.gif

HTH!

P.S. Jeżeli naprawdę potrzebujesz tego absolute... Musisz niestety do tej stopki którą masz wrzucić kolejnego diva... ZOBACZ

Ten post edytował Sephirus 18.10.2011, 12:28:56


--------------------
If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;)
Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka...
Go to the top of the page
+Quote Post
expert
post
Post #4





Grupa: Zarejestrowani
Postów: 211
Pomógł: 4
Dołączył: 29.10.2008

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

Absolute potrzebuję, żeby stopka była zawsze na dole strony i tyle. Posłużyłem się Twoim przykładem z linka i działa. Dzięki :-)
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 - 03:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn