[HTML]img - puste pole za obrazkiem Opcje

[Robert007]

Witam, mam problem bo sklejam layout w html i pojawił mi się problem że jak pod div'em dam img (link do obrazka) i ustawiam img na border="0" to następny div pod spodem ma przerwę w dół o długości około 2px tylko na IE tak jest a na FF jest dobrze. Czym to jest spowodowane?

kod:

[HTML] pobierz, plaintext 
<div style="width:100%; height:31px; float:left;">
	<a href="index.php"><img src="img/men.jpg" border="0" /></a>
</div>
<br/>
<div style="width:100%; height:31px; float:left;">
	<a href="index.php"><img src="img/men.jpg" border="0" /></a>
</div>
[HTML] pobierz, plaintext 

Ten post edytował Robert007 8.12.2009, 19:52:04

[r4xz]

są 2 sposoby (przynajmniej tylko 2 ja znalazłem)

1. olać IE 5,6 - w końcu coraz mniej osób z tego korzysta (jednak zawsze jeszcze jakiś tam % takich osób jest..)

2. zamiast znacznika img zrobić div z odpowiednimi wymiarami obrazka i backgroundem z obrazkiem

[Daiquiri]

1. olać IE 5,6 - w końcu coraz mniej osób z tego korzysta (jednak zawsze jeszcze jakiś tam % takich osób jest..)

Aha...

Sprawdź może line-heigth i nadaj display:block dla img. Dodaj wysokość dla diva.

[Robert007]

display:block

to mi całkowicie miesza laya.
dla diva jako background to jest mój główny sposób ale wolałem zrobić na img lecz ja chcę zrobić to porządnie niż:

olać IE 5,6 - w końcu coraz mniej osób z tego korzysta (jednak zawsze jeszcze jakiś tam % takich osób jest..)

Ten post edytował Robert007 8.12.2009, 20:11:45

[batman]

to mi całkowicie miesza laya.

Wrzuć to gdzieś online, by można w HTML/CSS pogrzebać. Łatwiej będzie podać rozwiązanie problemu.

[Robert007]

Znalazłem przyczynę. Kiedyś miałem ten sam problem i tak samo rozwiązałem a ten problem to łamanie linij co powodowało spacje (odstępy) i wszystko działa

Ten post edytował Robert007 8.12.2009, 20:30:11