Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Obrazek na środku DIV, Nie chce sie wysrodkować...
Macok
post 9.09.2008, 22:38:58
Post #1





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 31.08.2006

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

[HTML] pobierz, plaintext 
  1. <body xml:lang="pl">
  2. <div class="footer">
  3. <img src="images/obrazek.png"/>
  4. </div>
  5. </body>
  6. </html>
[HTML] pobierz, plaintext
Styl:
[HTML] pobierz, plaintext 
  1. div.footer{
  2. width: 800px;
  3. margin: 0 auto;
  4. background: black;
  5. padding: 7px;
  6. text-align: left;
  7. }
  8.  
  9. .footer img{
  10. }
[HTML] pobierz, plaintext
Moim zdaniem obrazek powinien znajdować się dokładnie po środku DIV'a, ale dolny odstęp jest odrobinę większy.
Dlaczego?
Go to the top of the page
+Quote Post
matssuda
post 10.09.2008, 07:26:44
Post #2





Grupa: Zarejestrowani
Postów: 25
Pomógł: 5
Dołączył: 7.02.2008

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

nie, w tym momencie środkujesz div.footer, a img schodzi na lewo bo masz 
[HTML] pobierz, plaintext 
  1. text-align: left;
[HTML] pobierz, plaintext


Zrób tak:
[HTML] pobierz, plaintext 
  1. div.footer{
  2. width: 800px;
  3. margin: 0 auto;
  4. background: black;
  5. padding: 7px;
  6. }
  7.  
  8. .footer img{
  9. display: block;
  10. margin: 0 auto;
  11. }
[HTML] pobierz, plaintext


Lub

[HTML] pobierz, plaintext 
  1. div.footer{
  2.   width: 800px;
  3.   margin: 0 auto;
  4.   background: black;
  5.   padding: 7px;
  6. text-align: center;
  7.   }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
ferrero2
post 10.09.2008, 07:28:50
Post #3





Grupa: Zarejestrowani
Postów: 171
Pomógł: 32
Dołączył: 5.08.2008
Skąd: Lublin

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

Zależy w któej przeglądarce sprawdzasz.
Jeśli jest to IE 6.0 to możliwe że nie wprowadziłeś jej w zgodność z XHTML czy HTML 4.0 za pomocą deklaracji DTD a on inaczej widzi elementy blokowe niż FF czy Opera.
Jeżeli taka sytuacja występuje na różnych przeglądarkach. To winą będzie padding - ustaw go na 0 i zwiększaj po jeden - wtedy sprawdzaj jak się przesuwa ( nie mam możliwości teraz sprawdzić tego u siebie więc tylko sugeruję).

Może pomoże, a jak nie pomoże to może morze pomoże smile.gif

Pozdrawiam


--------------------
---------------------------
"Jeżeli trzeci dzień z rzędu nie chce Ci się pracować tzn że dziś jest ŚRODA !
Algorytmy , Programowanie , Tworzenie WWW - SPRAWDŹ
Go to the top of the page
+Quote Post
wookieb
post 10.09.2008, 07:38:03
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Nie tylko padding ale tez
Kod
line-height: 0px;

dla tego diva.

Pierwsze rozwiazanie matssuda tez jest dobre smile.gif O ile autor tematu chce rezygnowac z liniowego trybu wyswietlania obrazka smile.gif

Ten post edytował wookieb 10.09.2008, 07:39:42


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
Macok
post 10.09.2008, 14:58:14
Post #5





Grupa: Zarejestrowani
Postów: 100
Pomógł: 0
Dołączył: 31.08.2006

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

Dzięki za pomoc pomogło ustawienie line-height na 0.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 28.05.2025 - 05:39
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn