опять трехпиксельный отступ в IE

AzuManga · [+ 3 11.06.2006]

Здравствуйте, товарищи.

Есть HTML:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="ru">	
<head>	
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />	
    <title>Тест.</title>	
    <meta name="description" content="Гугнин Юрий дизайн" />	
    <link rel="stylesheet" type="text/css" href="screen.css" media="screen" />	
</head>	
<body>	
    <h2>Тестинг</h2>	
    <h4>Эта работа из раздела <a href="#">«Принты»</a>.</h4>	
    <img id="bigbanner" src="01.jpg" alt=""/>	
    <p>	
        16 columns submenu horizontal, I think, standing at the counter at McDonald’s. I scroll left and right and put a simple cheeseburger in my mental shopping basket. 16 columns, yet so usable. “Cheezubaagaa kudasai” I hear myself say, and glancing at the cashier display and the French fry machine interface, I hold my breath: Wow. Why did I never realize? Being a foreigner in Japan, I decide to go to McDonald’s because at McDonald’s I don’t need to deal with language. I could get much better food in a similar price range if I were ready to think, read Kanji and explain myself. But I’m not, as I’m hungry.	
    </p>	
    <h4>	
        Here’s a shocker: Jakob Nielsen’s website has a strong identity	
    </h4>	
    <p>	
        16 columns submenu horizontal, I think, standing at the counter at McDonald’s. I scroll left and right and put a simple cheeseburger in my mental shopping basket. 16 columns, yet so usable. “Cheezubaagaa kudasai” I hear myself say, and glancing at the cashier display and the French fry machine interface, I hold my breath: Wow. Why did I never realize? Being a foreigner in Japan, I decide to go to McDonald’s because at McDonald’s I don’t need to deal with language. I could get much better food in a similar price range if I were ready to think, read Kanji and explain myself. But I’m not, as I’m hungry.	
    </p>	
    <p>	
        16 columns submenu horizontal, I think, standing at the counter at McDonald’s. I scroll left and right and put a simple cheeseburger in my mental shopping basket. 16 columns, yet so usable. “Cheezubaagaa kudasai” I hear myself say, and glancing at the cashier display and the French fry machine interface, I hold my breath: Wow. Why did I never realize? Being a foreigner in Japan, I decide to go to McDonald’s because at McDonald’s I don’t need to deal with language. I could get much better food in a similar price range if I were ready to think, read Kanji and explain myself. But I’m not, as I’m hungry.
    </p>	
</body>	
</html>

И есть CSS к нему:

Код HTML:

*{	
    margin:0;	
    padding:0;	
    border:0	
}	
body{	
    position:relative;	
    background:white;	
    width:520px;	
    font:16px Arial,Sans-Serif;	
    padding:103px 20px 40px 260px;	
    color:#333	
}	
h2{	
    font-size:150%;	
    font-weight:200;	
    margin-bottom:20px;	
    color:#333	
}	
h4{	
    font-size: 80%;	
    font-weight:200;	
    color:#666;	
    float:left;	
    text-align:right;	
    margin:0 0 0 -240px;	
    padding:0;	
    width:220px;	
    position:relative;	
    clear: both;	
    display: inline	
}	
* html h4{	
    margin-right:-3px	
}	
p{	
    width:500px;	
    line-height:140%;	
    margin:0 0 20px 0	
}	
img#bigbanner{	
    border:1px solid black	
}

(На отсутствие картинки можно забить, дело не в этом 8) )

Проблема в том, что если h4 стоит напротив параграфа или картинки, то в IE к этомк параграфу или картинке добавляется лишний отступ вправо в 3px. Хаки с указанием для осла * html h4 {margin:0 -3px} и/или * html h4{height:1%} не помогли. Что делать?)

AzuManga · [+ 3 11.06.2006]

Ура, проблема решена без хаков, но с добавлением одного дива вокруг параграфов и h4. Только у этого дива обязательно должна быть задана ширина в любых единицах. Если ее убрать - опять появится лишний отступ!

Всем спасибо за внимание 8)

lizergil · 05.02.2007, 01:03

пожалуйста