Forum PHP.pl > Dziwny odstep <a /> od <div /> w IE6

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dziwny odstep <a /> od <div /> w IE6

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

_kama

31.08.2009, 13:59:22

Witam,
Strona juz cala pocieta, wszystko ok tylko drobny myk w ie6 - jakims cudem kilka elementow nie wiadomo dlaczego mi umyka.

Spreparowany przyklad:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
	div {background-color:#FF0000; width: 200px; height: 200px}
	a.tick {background: url(img/ico_tick.gif) no-repeat 0 0; margin:0 0 0 10px; display: block; float: left; width: 11px; height: 11px; padding: 0}
</style>
</head>
 
<body>
	<div>
		<a class="tick"></a>
	</div>
</body>
</html>
[HTML] pobierz, plaintext

We wszystkich przegladarkach ok tylko jak zwykle ie6 odwala cos takiego, ze <a /> jest odsuniety od lewej o 20px (zmierzone na screenie) zamaist o 10px. Jesli dam go na 0 to rzeczywiscie znika, ale jak juz jest jakas wartosc (jak w przykladzie: 10px) to robi sie z tego podwojnie. Pomoznie prosze.

wookieb

31.08.2009, 14:02:21

Spróbuj dać linkowi a styl

[CSS] pobierz, plaintext 
display: inline-block;
// albo
display: block !important;
display: inline;
[CSS] pobierz, plaintext

nitek

31.08.2009, 14:06:59

samo display: inline; też powinno załatwić sprawę.
dość znany problem podwójnych marginesów w ie...
http://www.positioniseverything.net/explor...led-margin.html

_kama

1.09.2009, 10:49:26

Wielkei dzieki, samo inline zalatwilo sprawe. Swoja droga niezle dziwactwa sa w tym IE6

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.