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ć (IMG:style_emoticons/default/smile.gif)

Na co Ci position:absolute w stopce?(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.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ć (IMG:style_emoticons/default/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
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
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.12.2025 - 20:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn