CSS абсолютное позиционирование - PullRequest
Новая
       4

CSS абсолютное позиционирование

1 голос
/ 23 января 2011

У меня есть div внутри набора полей, который выглядит следующим образом: 

        <fieldset> 
            <legend>Device</legend> 
            <label id="select-6-container">     
                <select id="select-6" name="device_select" style="display:none"></select>       
            </label> 
        </fieldset> 

        <div id="ctrl"> 
        <button type="button" id="restart1" name="button1" onclick="window.location.reload()" value="Restart Wizard">Restart Wizard</button> 
        <button type="button" id="gotostep2" class="gotostep2" name="button1" value="Next Step">Next Step</button> 
        </div>

Мой блок выбора заполняется YUI и затем отображается (обратите внимание, что он скрыт при загрузке).Мой CSS для поля выглядит следующим образом: 

#ctrl {
margin-top: 102px;
margin-left: -200px;
position: absolute;
width:100px;
  }

Но когда генерируется окно выбора, поле ctrl перемещается вниз каждый раз!У меня неправильный CSS?Или это потому, что окно выбора генерируется Javascript после загрузки страницы?

Следует отметить, что когда YUI отображает поле выбора как кнопку меню, оно меняет свою разметку на кнопку, я недумаю, это должно иметь значение, потому что я пытаюсь изменить расположение ctrl.

Любой совет поможет!Спасибо!

1 Ответ

1 голос
/ 23 января 2011

Ваш div, кажется, не находится внутри набора полей, как вы упоминали.Попробуйте назначить позицию для div, используя top, right, bottom и / или left.Положение div будет зависеть от следующего расположенного родительского элемента, поэтому обратите внимание на это.

Если все это не работает - пожалуйста, опубликуйте также разметку и CSS.

...