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

Профи в вопросах верстки, подскажите, плиз!

regta
На сайте с 15.04.2006
Offline
302
regta
476

Здравствуйте

Буду очень признателен, если подскажите...

Фрагмент кода страницы:

<td width=200>

<ul class=menu>

<li><a href=http://www.site.ru>Иди сюда</a>

</ul>

</td>

Вот из файла стилей:

.menu li a

background:#333333 url('fon.gif') left top no-repeat;

width=200

padding-left:20px;

В таком виде: FF распирает ячейку таблицы до 220 пикселей, в IE - все нормально

Если прописываю в файле стилей:

....

width=180

padding-left:20px;

то в FF - все нормально, а в IE - блок не растягивается на ширину ячейки

Как быть? Надо, чтобы и там и там показывалось одинаково.....

--------------

заранее крайне признателен.....

Цитируйте, плиз, историю переписки в личке. Спасибо.
[umka]
На сайте с 25.05.2008
Offline
456
[umka]
#1

может, в файле стилей всё-таки следует писть "width: 200px;" вместо "width=200"?

Лог в помощь!
malls
На сайте с 08.08.2005
Offline
255
malls
#2

Странные стили какие-то, откуда там знаки равно, да и чему равно? Может все таки так:


.menu li a
{
background:#333333 url('fon.gif') left top no-repeat;
width:200px;
padding-left:20px;
}
F
На сайте с 24.04.2009
Offline
45
Fearful
#3

Дело в том что у него 220 пикселей образуются из width+padding.

Ему надо margin вместо padding

chemax
На сайте с 07.01.2009
Offline
206
chemax
#4

ниже подключения таблицы стилей

<!--[if IE]>
<style>
background:#333333 url('fon.gif') left top no-repeat;
width:200px;
padding-left:20px;
</style>
<![endif]-->

а в вашей заменить на

background:#333333 url('fon.gif') left top no-repeat;
width:180px;
padding-left:20px;

но можно еще сделать так в таблице стилей

background:#333333 url('fon.gif') left top no-repeat;
width:200px;
margin-left:20px;
Качественный хостинг, VPS и сервера. (http://ihc.ru/?ref=569)
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#5

.menu li a{

background:#333333 url('fon.gif') left top no-repeat;

width: 200px;

//width: 180px; /* эта строчка исполниться только под IE */

padding-left:20px;

}

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
chemax
На сайте с 07.01.2009
Offline
206
chemax
#6
T.R.O.N:
.menu li a{
background:#333333 url('fon.gif') left top no-repeat;
width: 200px;
//width: 180px; /* эта строчка исполниться только под IE */
padding-left:20px;
}

может все таки вот так?

.menu li a{
background:#333333 url('fon.gif') left top no-repeat;
width: 180px;
//width: 200px; /* эта строчка исполниться только под IE */
padding-left:20px;
}

первый раз вижу что так можно сделать:) спасибо:)

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#7
chemax:
первый раз вижу что так можно сделат

это один из самых старых и надежных хаков.... частенько его использую...

главное не путать последовательность написания для IE и остальных...

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