Форум Сайтостроение Веб-строительство

Непонятное поведение текста в IE

M2
На сайте с 11.01.2011
Offline
342
mark2011
506

Господа, вынужден поднять ещё одну тему. Сейчас, к сожалению, IE под рукой нет, но со слов другого человека могу сказать, что вот на этой странице http://gold-sad.ru/zimnie_sady.php текст целиком находится под галереей. Т.е. внизу слева. Сам ничего сказать не могу, поскольку не могу проверить.

Вот CSS на текст:


#page-text
{
      color: #4E717F;
      font-size: 12pt;
      font-family: Arial;
      margin-left: 4%;
      float: left;
      width: 70%;
      display: block;
}

Просто интересно, чего этому ишаку ещё надо ))) я сам проверял, по крайней мере опера, хром и мозилла отображают нормально, так, как надо. Нутром чувствую, что нужно какой-то хак к IE применить, но какой - не знаю, ибо первые разы с этим сталкиваюсь.

P. S. Не использовать IE - не вариант. Должно быть всё кроссбраузерно.

P. P. S. Смотреть только в IE.

mark2011 добавил 24.01.2011 в 23:26

Вроде бы решил проблему простым уменьшением width, но не уверен, что это наиболее рациональное решение... Просто методом тыка поперебирал варианты и увидел, что при width=50-60% текст располагается нормально...

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
gormarket
На сайте с 29.12.2010
Offline
47
gormarket
#1
mark2011:
Вроде бы решил проблему простым уменьшением width, но не уверен, что это наиболее рациональное решение... Просто методом тыка поперебирал варианты и увидел, что при width=50-60% текст располагается нормально...

А Вы не пробовали совсем убрать для #page-text width из стилей, или задать "width: auto;" ?

Сейчас при уменьшении ширины окна браузера в какой-то момент текст (#page-text) целиком перескакивает под галерею (попробуйте это у себя), а если ширина не задана, то он остается справа.

И еще, если Вы хотите чтоб в IE6 лучше смотрелась страничка, переделайте кнопки-картинки c прозрачным фоном ("О КОМПАНИИ", "УСЛУГИ", ..., ...,"Подарки") из .png в .gif.

У меня в IE6 эти картинки непрозрачные, выглядит топорно. Там (в IE6) есть и другие проблемки, но эта легко решается.

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
MAGiYA
На сайте с 09.02.2010
Offline
56
MAGiYA
#2

IE6 вообще ерунду отображает. Но им лучше и не пользоваться, это сплошной баг какой-то, как по мне.

Красивые сайты (/ru/forum/826542) без контента всего за 15 wmz
D
На сайте с 04.03.2010
Offline
7
DStereo
#3

Проблема состоит в том, что при двух объявленных свойствах float и margin, ie увеличивает отступ в два раза, т.е. margin будет уже не 4%, а 8%. Решается просто - нужно добавить свойство display: inline, тогда при заданной ширине, никуда текст не будет залазить. gormarket, дело в том, что если убрать width совсем или присвоить значение auto, это решит проблему, но в ie margin так и останется 8%, а не 4%. Это существенно, если нужно идентичное отображение во всех браузерах.

Если хочешь что-то изменить в жизни, начни с себя!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий