X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Разный border ?
alivato
alivato
Topic Starter сообщение 13.10.2011, 19:55; Ответить: alivato
Сообщение #1


Скринтош с браузера chrome: (как убрать двойн. линию)
[IMG]http://img-fotki.yandex.ru/get/4710/99784689.0/0_637ee_3e6cc4d2_orig.png[/IMG]

Как добиться кросбраузерности.
Получается так либо в firefox отображается хорошо, а в chrome нет - как здесь.
либо наоборот.
Если top: 26px; то firefox отображ. хорошо, а в chrome нет.
Если top: 25px; наоборот.

Как сделать чтобы была кросбраузерность, не хотелось делать для каждого отдельно.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta name="name" content="content">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title" charset="utf-8">
<title>Сайт</title>
</head>
<body>
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Личность</a>
<ul>
<li><a href="#">Адам</a></li>
<li><a href="#">Виктор</a></li>
</ul>
</li>
<li><a href="#">О нас</a></li>
</ul>
</body>
</html>


[CSS]ul {
float: left;
border-right: 1px solid #888;
border-top: 1px solid #888;
list-style: none;
margin: 0px;
padding: 0px;
width: 450px;
}

ul li {
position: relative;
width: 150px;
float: left;
}

li ul {
position: absolute;
left: 0px;
top: 26px;
display: none;
width: 150px;
}

ul li a {
border-top: 0;
border-right: 0px;
border-left: 1px solid #888;
border-bottom: 1px solid #888;
padding: 5px;
display: block;
text-decoration: none;
font: 12px Verdana;
color: #777;
background: #fff;
}

li:hover ul { display: block; }

/* Fix IE */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alivato
alivato
Topic Starter сообщение 13.10.2011, 20:46; Ответить: alivato
Сообщение #2


Проблему решил с помощью замены

это
top: 26px;

на это
margin-top: -1px;

Это нормально, использовать отрицательные значения.
А есть ли, др. способ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 14.10.2011, 0:36; Ответить: adlic
Сообщение #3


Нормально, так в общем-то и я бы сделал, наверно. Отрицательные значения понимает даже ослик(определенной давности, конечно:).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Очень
Очень
сообщение 17.10.2011, 20:14; Ответить: Очень
Сообщение #4


(alivato @ 13.10.2011, 23:46) *
Это нормально, использовать отрицательные значения.

нормально, главное padding отрицательный не пробуйте (его быть не может)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bonec
bonec
сообщение 24.10.2011, 15:06; Ответить: bonec
Сообщение #5


Спасибо... Я тут начал учиться и наткнулся на такую же проблему...

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите сделать одинаковые отступы и убрать border у плеера YouTube в IE
0 INVADER 6169 8.9.2013, 12:26
автор: -INVADER-
Открытая тема (нет новых ответов) Продаем Б/У домены (разный ТИЦ / PR и без них)
22 xxriuxx 7570 21.7.2013, 21:37
автор: xxriuxx
Открытая тема (нет новых ответов) хак behavior для border-radius к LI
5 Очень 6897 7.1.2012, 2:16
автор: -adlic-
Открытая тема (нет новых ответов) border-bottom
3 nickgu 5662 20.9.2011, 17:25
автор: -adlic-


 



RSS Текстовая версия Сейчас: 26.4.2024, 7:14
Дизайн