Forum PHP.pl > Div większy niż obrazek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

grywalny

23.02.2012, 18:28:32

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body style="margin:0px">
 
<div align="center">
<div style="width:50%; float:left; max-width:300px; border:solid #0F9">
<img src="graphics/chick.jpg" style="width:100%" />
</div>
</body>
</html>
[HTML] pobierz, plaintext

Div zostawia sobie malutki kilkupikselowy margin na dole. Zaraz dostanę szału. Nie pemiętam żebym kiedyś tak miał wcześniej.

vonski

24.02.2012, 11:43:29

Dodaj do styli obrazka display:block;
I domknij pierwszego diva

usb2.0

24.02.2012, 11:44:41

nie wiem jak jest z określaniem styli bezpośrednio w "divach", ale jak jest np margin: 0, to powinno być bez px?
i </div> brakuje

vonski

24.02.2012, 12:00:50

Cytat

nie wiem jak jest z określaniem styli bezpośrednio w "divach", ale jak jest np margin: 0, to powinno być bez px?

Może być z 'px', może być bez, nie ma różnicy.
Tutaj problemem nie tyle są marginesy co fakt, że <img> jest elementem inline czyli takim samym jak zwykły tekst. A dla takich elementów zostawiane jest zawsze dodatkowe miejsce dla "ogonków" liter i tym podobnych, wystających poza linię tekstu (np. p g q itp.).

grywalny

24.02.2012, 17:13:33

dzieki, dalbym sobie glowe uciac ze wczesniej tego nie definiowalem i bylo dobrze ale niewazne. px jak nie wpisze to nie dziala czesto w IE

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.