Jump to content
  • 0

Почему по-разному отображается макет в ИЕ и ФФ?


GRIG
 Share

Question

Вот сделал для жены сайт http://www.psy-actual.ru (на Joomla 1.5.22, если существенно). Шаблон брал готовый, но слегка допиливал руками.

И не могу понять одну вещь: почему в ФайрФоксе все показывается хорошо (что под виндами, что под линухом), а в 9-м ИнетЭксплорере под 7-й виндой текст в правой колонке (который под заголовком "анонсы и новости") высовывает хвост вправо за край экрана (т.е. текст по-другому разбит на строки, эти строки более длинные, чем в ФФ, и из них видна только левая половина)

Попробовал посмотреть внутренности макета во встроенном отладчике ИЕ - тот показывает, что блок

<div id="right_container">

и вложенный в него на 1 уровень ниже


<div class="moduletable">

имеют ширину 160 пикселов (как и задумано). А вот вложенный еще на 1 уровень ниже блок


<table class="contentpaneopen">

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

Попробовал поиграться с параметрами width и max-width у этих блоков (а также у того, что в них еще глубже вложено) - никакого эффекта не получил.

Что тут можно применить?

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Уберите ссылку из правого блока. Посмотрите, что получится.

В Хроме тоже не все хорошо, еще и полоска какая то торчит. Я так понимаю, граница правой колонки вылезла.

Весьма странный способ задать границы блокам


div#site_container_lr {
background-repeat: repeat-y;
background-position: left top;
background-image: url(../images/main_bg_lr.gif);
}

Видимо шаблон изначально был фиксированной длины, а вы его расширили?

Link to comment
Share on other sites

  • 0

Убрать ссылку не получится - весь правый блок сделан в первую очередь для того, чтобы эту ссылку там разместить.

Т.е. получается, что проблема в том, что видимый текст ссылки, во-первых, не содержит в себе пробелов, по которым можно было бы его разорвать на составные части, и, во-вторых, без разрыва не влезает в отведенные ему 160 пикселов - так?

Видимо шаблон изначально был фиксированной длины, а вы его расширили?

Да, было дело. В исходном варианте весь шаблон был шириной 1000 пикселов. При этом на более широком экране по бокам белого фона получались широкие серые полосы. Вот и решил эти полосы убрать.

Link to comment
Share on other sites

  • 0
Т.е. получается, что проблема в том, что видимый текст ссылки, во-первых, не содержит в себе пробелов, по которым можно было бы его разорвать на составные части, и, во-вторых, без разрыва не влезает в отведенные ему 160 пикселов - так?

да. просто поменяйте текст, внутри ссылки.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy