Проблема с текстом в блоках в ИЕ

[proud]

Добрый день уважаемые гуру и мега ГУРУ Я начинающий сайтостроитель, так сказать по необходимости ваяющий небольшие простенькие сайты, да пытающийся их еще и верстать в разных браузерах, но вот падла ИЕ сует палки в колеса, суть проблемы:

НЕПРАВИЛЬНОЕ Отображение текста в ИЕ

ПРАВИЛЬНОЕ Отображение текста в Фаерфоксе

код в ie.css

#rollover1 {

text-align:center;

font-weight: ;

vertical-align:middle;

background: url(/images/m101.gif);

display: block;

width: 132px;

height: 39px;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

text-decoration: none;

}

#rollover1:hover {

text-decoration: none;

background-position: 0 39px;

}

Ну вроде бы все, буду очень признателен за подсказки и советы!

[Gaspode]

font-weight: ; 

?!

Дайте ссылку на страницу, что ли.

vertical-align:middle;

background: url(/images/m101.gif);

display: block;

Так нельзя.

http://htmlbook.ru/css/vertical-align

Edited May 5, 2011 by Gaspode

[runet]

А где html код? И кстати код(на форуме) пишите в соответствующих тегах.

Edited May 5, 2011 by runet

[psywalker]

line-height: тебе в помощь.

[proud]

HTML код:

<div id="rollmain">				    
<div style="float:left;"><a href="index.html" id="rollover1"> ГЛАВНАЯ </a></div>

<div style="float:left;"><a href="index-1.html" id="rollover2"> НОМЕРА И ЦЕНЫ </a></div>

<div style="float:left;"><a href="index-2.html" id="rollover3"> КУДА СХОДИТЬ В МОСКВЕ </a></div>

<div style="float:left;"><a href="index-3.html" id="rollover4"> КОНТАКТЫ </a></div>

<div style="float:left;"><a href="index-4.html" id="rollover5"> ИНФОРМАЦИЯ </a></div>

<div style="float:left;"><a href="index-5.html" id="rollover6"> УСЛУГИ </a></div>     
                        </div>

line-height не подходит, он задирает всё меню вверх

to Gaspode

не понял твои слова, почему так нельзя?

font-weight:поправил теперь везде болд

Edited May 5, 2011 by proud

[Gaspode]

не понял твои слова, почему так нельзя?

Потому что vertical-align - это не выравнивание текста в блоке, а выравнивание строчного элемента относительно родительского блока. К блочным элементам он вообще не применяется. Я ж ссылку дал, почитайте, как он работает.

Edited May 5, 2011 by Gaspode

[psywalker]

HTML код:

<div id="rollmain">				    
<div style="float:left;"><a href="index.html" id="rollover1"> ГЛАВНАЯ </a></div>

<div style="float:left;"><a href="index-1.html" id="rollover2"> НОМЕРА И ЦЕНЫ </a></div>

<div style="float:left;"><a href="index-2.html" id="rollover3"> КУДА СХОДИТЬ В МОСКВЕ </a></div>

<div style="float:left;"><a href="index-3.html" id="rollover4"> КОНТАКТЫ </a></div>

<div style="float:left;"><a href="index-4.html" id="rollover5"> ИНФОРМАЦИЯ </a></div>

<div style="float:left;"><a href="index-5.html" id="rollover6"> УСЛУГИ </a></div>     
                        </div>

line-height не подходит, он задирает всё меню вверх

Какой верх? Ты ставь нормальный, поиграйся с ним.

[proud]

Ребят спасибо большое все получилось!!!

надо было line-height значение 2 ставить!

А того кто придумал это ИЕ надо сжечь!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[psywalker]

Ребят спасибо большое все получилось!!!

надо было line-height значение 2 ставить!

Ну я ж тебе сразу так и сказал