Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   разные размеры в ФФ (https://javascript.ru/forum/xhtml-html-css/23901-raznye-razmery-v-ff.html)

Seva1986 11.12.2011 02:28

Rootpassword,

Это один из самых отвратительных багов FF, хотя разработчики видимо считают эту херню фичей, так как я им уже раз пять в сапорт стучал по этому поводу. как видно результатов не принесло.

Это ихний резерв места, для подсветки, при получении кнопкой фокуса.

для лечения добавляем это
input::-moz-focus-inner {
padding:0;
border:0;
}

ну и для button тоже если нужно
button::-moz-focus-inner {
padding:0;
border:0;
}


в общем в результате всё Ок!

<style>
.test_1 {
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0;
padding: 5px 10px 5px 10px; 
background-color: lightblue; 
border-bottom: 8px;
border-bottom-color: transparent ;
border:solid 0px;
}
input::-moz-focus-inner {
padding:0;
border:0;
}

</style>

<input type=button value='111111111' class='test_1'>
<div  class='test_1'>111111111</div>


один минус, это не валидно :-E

Rootpassword 11.12.2011 02:38

так и думал, что это баг из-за резерва под что-то. Покорнейше благодарю.

Seva1986 11.12.2011 02:42

незачто! :)

у них с buton вообще печально както...

Seva1986 11.12.2011 03:02

Цитата:

Сообщение от Rootpassword
В верстке... Можно как-нибудь указать, что абсолютный слой не должен перекрывать родительский? без z-index?

не совсем понял почему нельзя z-index юзать.
но такая проблема решается так например.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body{
position:relative;
}
.test_1 {
width:100px;
height:100px;
background-color: lightblue; 
}
.test_1>div{
position:absolute;
top:10px;
left:10px;
background:red;
z-index:-1;
}
</style>
</head>
<body>
</style>

<div  class='test_1'><div>1</div></div>


</body>
</html>


Без z-index никак.

Rootpassword 11.12.2011 03:22

Так ну понятно, что z-index решает проблему, но тут тогда пришлось бы js затычку писать, ибо IE старый не умеет auto/inherit использовать, а z-index:-1; вырубит старый ФФ, кстати.

Seva1986 11.12.2011 03:27

А ну если нужны старые браузеры то тут увы....


Часовой пояс GMT +3, время: 06:59.