Witam,

szukałem w internecie rozwiązania jako że problemy z dodatkową przestrzenią wokół treści to domena IE, ale z tym konkretnym problemem się nie spotkałem.

Otóż jest sobie 'div' o parametrze 'overflow: auto', w którym jest <p>, w którym jest tekst i obrazek wyrównany do lewej za pomocą 'float'. W Operze i FF obrazek wyświetla się poprawnie, natomiast w IE nad obrazkiem pojawia się odstęp o szerokości jednej linijki. 

Próbowałem sobie z tym poradzić za pomocą 'display:', ale nie potrafię się tego pozbyć. Możliwe, że rozwiązanie jest banalne, ale po prostu nie wiem już jak to poprawić.




Oto rzeczony fragment kodu:

[HTML] pobierz, plaintext 
 
		<div style="overflow: auto; margin-top:5px">
	<h1>Witamy na oficjalnej stronie Acoustic Travel Band</h1>
<p>
	<a href="gfx/band1.jpg" target="_blank"><img src="gfx/band1_s.jpg" style="margin: 0 10px 10px 0; display:block; float:left;"></a> Ta formacja pod każdym względem jest prawdziwym zjawiskiem na scenie muzycznej. Zespół, który od chwili powstania w 2002 roku koncertuje w klubach i na festiwalach całej Europy (Włochy, Hiszpania, Austria, Czechy, Niemcy, Słowacja), jak również z przyjemnością muzykuje na rynkach i ulicach miast. 
</p>
 
 
[HTML] pobierz, plaintext 

Efekt można w IE zobaczyć tu: http://fauna.rsl.pl/atb/index.php

Chodzi o obrazek w treści wstępu




Z góry dziękuję za pomoc!

style powinny byc przypisane do <a /> a nie <img />
jesli nadal cos bedzie widocznie odstawac dodaj line-height: 0

No niestety przypisanie styli do <a> nie pomogło. Tak samo dodanie tego line-height:

Zacznij od podstaw: doctype, wyzeruj domyślny margin i padding.