Firefox v 29 и CSS в fieldset

mikado3333 · №1

Приветствую!
Есть код файла,

Код:

<!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 · №2

mikado3333
Что-нибудь пишется в Консоли браузера в Firefox?

Kamui · №3

mikado3333
Возможно из-за

Выделить код

Код:

legend { min-height: 40px;}

Попробуйте 0 поставить. А по поводу top:25 px; то правило просто игнорируется и получается top:0px;

mikado3333 · №4

Kamui пишет

Возможно из-за
Выделить код
Код:
legend { min-height: 40px;}

К сожалению не то, .

По поводу консоли

Контейнер XUL для элемента span содержит inline-потомка #text, что приводит к тому, что все его потомки завёрнуты в блок. view.xhtml
Контейнер XUL для элемента hbox содержит inline-потомка span, что приводит к тому, что все его потомки завёрнуты в блок. highlighter.js:355
Ошибка при парсинге значения «top». Потерянное объявление. spectrum-frame.xhtml
Ошибка при парсинге значения «left». Потерянное объявление. spectrum-frame.xhtml
Контейнер XUL для элемента span содержит inline-потомка #text, что приводит к тому, что все его потомки завёрнуты в блок. view.xhtml
Контейнер XUL для элемента hbox содержит inline-потомка span, что приводит к тому, что все его потомки завёрнуты в блок. highlighter.js:355
Контейнер XUL для элемента span содержит inline-потомка #text, что приводит к тому, что все его потомки завёрнуты в блок. view.xhtml
Контейнер XUL для элемента span содержит inline-потомка #text, что приводит к тому, что все его потомки завёрнуты в блок. toolbox.js:820
Контейнер XUL для элемента span содержит inline-потомка #text, что приводит к тому, что все его потомки завёрнуты в блок.

Kamui · №5

mikado3333
В общем-то проблема все равно в элементе Legend, т.к. свойство top почему-то считается от него, хотя при positioin:absolute; должно считаться от fieldset. Возможно
это действительно баг.

mikado3333 · №6

И к кому теперь обращаться? Подскажите пожалуйста.

Полезная информация

№129-05-2014 13:53:25