| |
 1.7 Кб |
|
| | Приветствую!
Есть код файла,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/Transitional.dtd">
<html>
<head>
<title>ТЕСТ</title>
<link rel="stylesheet" type="text/css" href="GVstyle.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows -1251">
</head>
<body>
<div name="OSNOVNAYA_RAMKA" class="OSNOVNAYA_RAMKA">
<fieldset id="index">
<legend align="center">РЕЖИМ</legend>
<input type='button' id='R1' onclick = 'R1(); 'value='1' class ='button1'>
<input type='button' id='R2' onclick = 'R2(); 'value='2' class ='button2'>
<input type='button' id='R3' onclick = 'R3(); 'value='3' class ='button3'>
<input type='button' id='R4' onclick = 'R4(); 'value='4' class ='button4'>
<input type='button' id='R5' onclick = 'R5(); 'value='5' class ='button5'>
<input type='button' id='R6' onclick = 'R6(); 'value='6' class ='button6'>
</fieldset>
</div>
</body>
</html>
|
И код CSS к нему
*{ font-family:Times New Roman;}
legend {color:white;}
/*шаблон*/
.OSNOVNAYA_RAMKA {width: 200px; height: 124px;overflow:hidden; border:solid 5px #664513;margin:auto;position: relative;background-color: gray;padding:0px;}
legend { min-height: 40px;}
#index{position: absolute; bottom:15px;right:10px;min-width:140px;min-height:95px; border:groove 4px #ffffff;font-size:5mm;margin:0px;padding:2px;overflow:hidden;padding:0px;margin:0px;}
/*кнопки режимов*/
.button1 {position: absolute; top:25px;left:20px;width: 28px; height: 28px ;background:#ffd777;color: #000000;font-size:0.9em;}
.button2 {position: absolute; top:25px;left: 57px;width: 28px; height: 28px ;background: #003300;color: #00ff00;font-size:0.9em;}
.button3 {position: absolute; top:25px;left: 94px;width: 28px; height: 28px ;background: #003300;color: #00ff00;font-size:0.9em;}
.button4 {position: absolute; bottom:5px;left: 20px;width: 28px; height: 28px ;background: #003300;color: #00ff00;font-size:0.9em;}
.button5 {position: absolute; bottom:5px;left: 57px;width: 28px; height: 28px ;background: #003300;color: #00ff00;font-size:0.9em;}
.button6 {position: absolute; bottom:5px;left: 94px;width: 28px; height: 28px ;background: #003300;color: #00ff00;font-size:0.9em;}
|
.
Проблема в том, что в Chrome и Firefox до v 24 все отображается как надо, но начиная с v25 верхний ряд кнопок уходит под нижний ряд. Т. е. top:25px не работает. Но стоит написать top:25 px; кнопки верхнего ряда возвращаются. Но опять же таки со смещением (нет зазора между рядами). И такая проблема только с элементами вложенными в <fieldset> / Подскажите что не так? | |
| |
|
