>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Разработка http://forum.mozilla-russia.org/viewforum.php?id=18 >Firefox v 29 и CSS в fieldset http://forum.mozilla-russia.org/viewtopic.php?id=63604 |
mikado3333 > 29-05-2014 13:53:25 |
Приветствую! Выделить код Код:<!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> Подскажите что не так? |
banbot > 29-05-2014 18:36:41 |
mikado3333 |
Kamui > 29-05-2014 19:37:41 |
mikado3333 Попробуйте 0 поставить. А по поводу top:25 px; то правило просто игнорируется и получается top:0px; |
mikado3333 > 30-05-2014 08:44:17 |
Kamui пишет
К сожалению не то, . По поводу консоли
|
Kamui > 30-05-2014 17:13:25 |
mikado3333 |
mikado3333 > 01-06-2014 20:51:49 |
И к кому теперь обращаться? Подскажите пожалуйста. |