Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML/CSS] Dziwny padding przy obrazku
Jarod
post
Post #1





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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


Mam obrazek o wymiarach: 348x128. Wstawiłem go do dokumentu:

  1. (prawidłowe doctype itp..)
  2. <div id="header">
  3. <p class="logo"><img src="Images/logo.png" alt="Logo"></p>
  4. </div>
  5.  
  6. </body>
  7. </html>


  1. div#header {margin: 0 auto; width: 1002px; height: 6000px; background-color:green; overflow: auto;}
  2. .logo { margin: 0; padding: 0; background-color:black; border: 1px red solid; }


Pod obrazkiem (tzn. między obrazkiem i dolnym obramowaniem) jest przerwa jakieś 3px. Tak jakby ten obrazek miał większą wysokość. Jak zmniejszę wysokość to pojawia się boczny scroll. Macie jakiś pomysł?
ps. kombinowałem z font-size: 0px; ale to pomaga tylko w ff a w operze jest nadal ta przerwa.

Ten post edytował Jarod 3.07.2008, 16:12:30
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Shili
post
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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


U mnie się to nie pojawia, bez względu na dołożony obrazek.

Jedyne co tak na sucho mi przychodzi do głowy to zlikwidowanie scrolla przez overflow: hidden;

ps. Przeglądarka taka jak Opera ma domyślnie ustawioną najniższą czcionkę bodajże 9px. W firefoksie trzeba to ustawiać ręcznie, ale również się da, dlatego zmniejszanie czczionek nie jest przeważnie dobrym rozwiązaniem.

@edit
Jako że u mnie tego nie ma ani na Firefoksie ani na Operze wydaje mi się, że coś innego Ci miesza tak na marginesie.

Ten post edytował Shili 3.07.2008, 16:14:10
Go to the top of the page
+Quote Post
Jarod
post
Post #3





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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


Cytat(Shili @ 3.07.2008, 15:11:35 ) *
U mnie się to nie pojawia, bez względu na dołożony obrazek.

Poprawiłem kod w pierwszym poście - może teraz zobaczysz.

Cytat(Shili @ 3.07.2008, 15:11:35 ) *
Jedyne co tak na sucho mi przychodzi do głowy to zlikwidowanie scrolla przez overflow: hidden;

Scroola nie będzie ale będę wiedział że obrazek wypływa poza kontener header - błą będzie z tym, że nie widoczny dla zwykłego usera...
Zaraz zamieszczę fotke.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 15:55