| |
|
|
| | Создаю список ul по центру вытянутый в строку. Все прекрасно, но почему-то именно IE сдвигает его вправо где-то на 20 пикселей. Если в "ul#links {...}" изменить "margin-left: auto;" на "margin-left: 0;", то в IE встает все по центру как надо, зато в других браузерах блок прилипает к левому краю! Что делать? Перепробовал все что смог...
#main
{
text-align: center;
}
ul#links
{
text-align: left;
margin-left: auto;
margin-right: auto;
list-style-type: none;
margin-top: 0;
padding: 5px 0 5px 0;
width: 800px;
}
ul#links li
{
padding-left: 26px;
list-style-type: none;
background:url(pic/kr.png) no-repeat 10px 50%;
display: inline;
}
|
| |
| |
|
|
| |
|
|
| |
для: kireyev
(29.02.2008 в 07:39)
| | | так введи ниже основного стиля hack для ie типа такого:
* html ul#links li {
margin-left: 0;
}
все браузеры кроме тупого ie проигнорируют.
мне вот интересно у тебя задан фон png - ie же не может работать с альфа прозрачностью. Как оно у тебя компенсируется? | |
| |
|
|
| |
|
|
| |
для: Director_Of_Zoo
(29.02.2008 в 10:00)
| | | хочу заметить, что 7 тупой ие игнорирует этот хак (при указании XHTML доктайпа точно), потому лучше написать:
ul#links li {
//margin-left: 0;
}
|
эти стили исполнят, и 6 тупой ие, и 7 тупой ие | |
| |
|
|
| |
|
|
| |
для: Lelik
(29.02.2008 в 10:31)
| | | да способов то масса... я привёл как пример, к сожалению пользователь не указал в каком ie у него такой баг, возможно в 7 будет работать и без хаков.
Возможно сделать хак и подругому:
html>body .myClass { *color: #CC33CC; }
|
| |
| |
|
|
| |
|
|
| |
для: Director_Of_Zoo
(29.02.2008 в 10:39)
| | | В 7-ом не работает без хаков! | |
| |
|
|
| |
|
|
| |
для: Director_Of_Zoo
(29.02.2008 в 10:00)
| | | Белым фоном, я выбрал png только из-за меньшего веса) | |
| |
|
|
