Не корректное отображение в EI

[tutmanov]

Доброго времени суток!

Суть проблемы такова: текст внутри тега li в IE7 если не влезает на экран переносится по буквам. В остальных браузерах отображается нормально.

Привожу картинки отображения в Firefox'e и в IE7 + кусочки кода.

style.css основной css файл

#block-menu-menu-topmenu{
height:85px;
border:none;
}

#block-menu-menu-topmenu li{
list-style:disc;
display:list-item;
color:#FFFFFF;
float:left;
margin:0 10px;
}

#block-menu-menu-topmenu a, #block-menu-menu-topmenu2 a{
font-size:11px;
}
#block-menu-menu-topmenu a:link, #block-menu-menu-topmenu a:visited{
color:#FFFFFF;
}
#block-menu-menu-topmenu a:hover, #block-menu-menu-topmenu a:active{
color:#FFFFFF;
text-decoration:underline;
}

/***********************************/
#block-menu-menu-topmenu2 {
height: 85px;
}

#block-menu-menu-topmenu2 h2{
padding:10px 0 0 45px;
text-align:left;
}
#block-menu-menu-topmenu2 li{
display:list-item;
list-style:disc;
color:#FFFFFF;
float:left;
margin:0 12px;
}
#block-menu-menu-topmenu2 ul{
background:#3379C7;
}
#block-menu-menu-topmenu2 a:link, #block-menu-menu-topmenu2 a:visited{
color:#FFFFFF;
}
#block-menu-menu-topmenu2 a:hover, #block-menu-menu-topmenu2 a:active{
color:#FFFFFF;
text-decoration:underline;
}

ie.css дополнительный css для IE

#block-menu-menu-topmenu li{
margin:5px 5px;
display:list-item;
float:left;
list-style:none;
}
#block-menu-menu-topmenu2 li{
margin:5px 30px 0 0;
display:inline;

}
#block-menu-menu-topmenu {
width:100%;
height:150px;
margin:0;
padding:0;
}
#block-menu-menu-topmenu2{
height:100px;
margin:0;
padding:0;
}

Заранее благодарен!

[swetlana]

а есть ли возможность глянуть непосредственно на страницу, где творится это безобразие?

Так проще будет понять, в чём дело.

[tutmanov]

а есть ли возможность глянуть непосредственно на страницу, где творится это безобразие?

Так проще будет понять, в чём дело.

К сожалению сайт только на локальном сервере. Если надо могу код Firebug'a выложить.

[psywalker]

К сожалению сайт только на локальном сервере. Если надо могу код Firebug'a выложить.

Не надо. Замени float; на display: inline; обычный вот тут #block-menu-menu-topmenu li{

[tutmanov]

Не надо. Замени float; на display: inline; обычный вот тут #block-menu-menu-topmenu li{

Спасибо psywalker!

А как добиться отображения диска или круга перед пунктом меню? Пробовал вот так:

#block-menu-menu-topmenu li a{
list-style-type:disc;
}

не помогает.

[psywalker]

Спасибо psywalker!

А как добиться отображения диска или круга перед пунктом меню? Пробовал вот так:

#block-menu-menu-topmenu li a{
list-style-type:disc;
}

не помогает.

Да убери ты эту хрень, воспользуйся background;

[tutmanov]

Уважаемые Гуру верстки!

Не стал создавать новую тему, т.к опять проблемы с "Ишаком"

Для наглядности привожу рисунок и CSS код.

#block_repeat {
background:url(../images/bg_block_repeat.jpg) repeat-y 0 0;
}
#block_top {
background:url(../images/bg_block_top.jpg) no-repeat 0 0;
}
#block_bottom {
background:url(../images/bg_block_bottom.jpg) no-repeat 0 bottom;
padding: 1px 7px 0 0;
}
#block_line{
background: url(../images/block_line.png) repeat-x 0 bottom;
height:5px;
}

#node_repeat {
background:url(../images/bg_post_repeat.png) repeat-y 0 0;
}
#node_top {
background:url(../images/bg_post_top.png) no-repeat 0 0;
}
#node_bottom {
background:url(../images/bg_post_btm.png) no-repeat 0 bottom;
padding: 20px 10px 20px 15px;
margin-bottom: 15px;
}

Прошу Вашей помощи Господа!

[sigma77]

tutmanov,

Выложи ссылку на страницу.

[tutmanov]

tutmanov,

Выложи ссылку на страницу.

Сайт на локальной машине. Если надо могу код Firebug'a выложить

[sigma77]

Сайт на локальной машине. Если надо могу код Firebug'a выложить

Ну так выложи его на любой бесплатный хостинг.

Картинки тоже кодом выложишь?

[tutmanov]

Ну так выложи его на любой бесплатный хостинг.

Картинки тоже кодом выложишь?

Сайт на Друпале, на бесплатный хостинг не смогу положить.

Коды картинкой могу выложить.

[swetlana]

tutmanov,

Выложи ссылку на страницу.

я уж о таком и не прошу. Заранее известно, каким будет ответ.

Даже если без ссылки на страницу максимум, что можно — играть в телепатов.

[tutmanov]

Сайт скоро на хостинг поставлю, а пока на эту ошибку можно забить

[psywalker]

Сайт скоро на хостинг поставлю, а пока на эту ошибку можно забить

overflow:hidden; тебе в помощь.

[tutmanov]

Спасибо господа, проблема была margin-bottom:15px. Переназначил родительскому элементу и все получилось.