Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> опять трехпиксельный отступ в IE 
:(
    Опции темы
AzuManga
Дата 3.2.2007, 21:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет
Здравствуйте, товарищи.

Есть 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:
Код

*{
    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
}



Если просматривать страницу не в IE, то все замечательно - текст внутри h4 смещен влево, а параграфы стоят стройными рядами. Но в IE параграфы/картинки, которые стоят напротив h4 смещены на 3 пикселя вправо. Хак с margin:-3px не помог. В чем может быть ошибка?

Спасибо.
--------------------
 Точка с запятой; 
PM MAIL   Вверх
SelenIT
Дата 3.2.2007, 21:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
AzuManga,
Код

* html h4{
    height: 1%;
}

Подробности должны быть где-то на quirksmode.org (если я ничего не путаю).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
AzuManga
Дата 3.2.2007, 21:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет
К сожалению, ваш способ не подошел - отступ все равно остался 8(
--------------------
 Точка с запятой; 
PM MAIL   Вверх
SelenIT
Дата 3.2.2007, 22:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
Странно, у меня исчез... IE 6.0.2900.2180
А если первый символ - не единица, а, например, H или M? Просто единица сама по себе визуально дает подобие отступа...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
AzuManga
Дата 3.2.2007, 22:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет
У меня идентичная версия...

Точно исчез?))

Выложите, пожалуйста, целиком свой css, а то у меня уже паранойа начинается потихоньку 8)

Это сообщение отредактировал(а) AzuManga - 3.2.2007, 23:01
--------------------
 Точка с запятой; 
PM MAIL   Вверх
zera
Дата 4.2.2007, 12:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

Репутация: 5
Всего: 9
может просто старый цсс в кеше застрял. ctrl-f5 пробовали? smile
PM MAIL   Вверх
AzuManga
Дата 4.2.2007, 15:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет
А у вас тоже получилось без отступов?.. У меня - нет
--------------------
 Точка с запятой; 
PM MAIL   Вверх
AzuManga
Дата 4.2.2007, 16:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

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

Всем спасибо за внимание 8)
--------------------
 Точка с запятой; 
PM MAIL   Вверх
japanes
Дата 5.2.2007, 12:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7
AzuManga, еще можешь тут почитать www.artlebedev.ru/tools/technogrette/html/float_margin_3px_in_ie/
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1007 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.