Three pixel gap по отношению к содержимому блока... / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Three pixel gap по отношению к содержимому блока...

3 сообщений из 3, страница 1 из 1

Three pixel gap по отношению к содержимому блока...

#34514653

PhoenixNET

Гость

Многие из вас знают о таком баге IE, как 3px gap. При соотношении блок-блок эта проблема решается нормально, но у меня возникла следующая ситуация.
Есть примерно следующий код css:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

.news_cont {
margin-left:80px;
border: 1px solid red;
}

.news_image {
float:left;
width:40px;
height:40px;
border: 1px solid green;
}

и html:

Код: plaintext

1.
2.
3.
4.
5.
6.

<div class="news_image"><img src="some.jpg" /></div>
<div class="news_cont"><div> 26 / 03 / 2007    17 : 15 </div>
<a href="#">Социологический экспресс-опрос</a>
<p>Был проведён Институтом стратегических исследований</p>
<a href="#">Подробнее...</a>
</div>

IE вставляет свои 3 пиксела, но вставляет он их в содержимое блока (тест). Какие-либо махинации с маргинами ни к чему не приводят, ибо маргинятся блоки, а ломается содержимое одно из блоков.
Если убрать плавающий блок или сделать его не плавающим, то всё в ажуре - текст становится на своё место, без какой-либо ступечатости...
И как такую проблему решить?

--
$50 + $100 бесплатно для игры на PartyPoker.com

...

Рейтинг:

0 / 0

09.05.2007, 16:00

| Ответить | Цитировать | Написать

Three pixel gap по отношению к содержимому блока...

#34514799

mrJust

Гость

Да, да, сам сколько раз напарывался на этот баг. Большинство попыток использовать div'ы сводилось в пользу таблиц :(

...

Рейтинг:

0 / 0

09.05.2007, 18:23

| Ответить | Цитировать | Написать

Three pixel gap по отношению к содержимому блока...

#34514802

PhoenixNET

Гость

mrJustДа, да, сам сколько раз напарывался на этот баг. Большинство попыток использовать div'ы сводилось в пользу таблиц :(
Та не, всё ок.
Тут всё классно описано. Раньше делал по своему, но мой метод работает только для блоков без текста. Тут же есть такая весёлая штука, как

Код: plaintext

1.
2.
3.
4.

* html p {
  height:  1 %;
  margin-left:  0 ;
  }

которая выручает с текстом.

...

Рейтинг:

0 / 0

09.05.2007, 18:25

| Ответить | Цитировать | Написать

3 сообщений из 3, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Three pixel gap по отношению к содержимому блока...

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=34514799&tid=1458307]:	0ms
get settings:	9ms
get forum list:	14ms
check forum access:	3ms
check topic access:	3ms
track hit:	158ms
get topic data:	11ms
get forum data:	2ms
get page messages:	34ms
get tp. blocked users:	1ms
others:	238ms

total:	473ms