проблема с плавающей точкой webkit

У меня есть проблема, когда я установил 2 плавающих элемента div, один из которых содержит элемент select, когда страница загружена, у div не было проблемы, но как только я нажимаю на элемент (s ) в поле выбора, div, расположенный справа, сдвигается вниз?

Вот пример кода о том, о чем я говорю:


#div1,#div2{float:left}
#div1{width:200px;margin-right:10px}
#div2{width:760px}

и HTML

<div id="wrapper">
  <div id="div1"><!--here the select goes--></div>
  <div id="div2"><!--here the table goes--></div>
</div>

А вот скриншот того, что происходило после и до:
Снимок экрана

Никакого javascript вообще не задействовано

Я тестировал Opera (Presto), Firefox (Gecko), IE8 (Trident) и никаких проблем, похоже, он появляется только в браузере на основе Webkit, так как я тестировал Chrome 2, SR Iron и QTWeb

PS: попробуйте игнорировать уродливый заголовок таблицы, скоро я исправлю его (сейчас это нормально в браузере Opera, Firefox, IE8)


html css webkit css-float
person Dels    schedule 14.05.2009    source источник
comment
Не могли бы вы также предоставить некоторые из html? Оба этих блока вложены в другой блок? Это весь CSS, применяемый к div?   -  person peirix    schedule 14.05.2009

Ответы (2)


arrow_upward
1
arrow_downward

В css попробуйте:

#div1{width:200px;margin-right:10px;float:left;}
#div2{width:760px;float:right;}

Надеюсь, это решит проблему выбора, но поскольку вы используете фиксированные размеры, она все равно сломается, если размер окна слишком мал.

person Scott    schedule 21.05.2009
comment
и лучший способ сделать это, не затрагивая другой браузер, был предназначен только для webkit, но как? - person Dels; 22.05.2009
comment
Не могли бы вы предоставить больше кода, я не могу дублировать проблему с фрагментами, которые вы указали. Я думаю, это может иметь отношение к таблице или более стилю. - person Scott; 22.05.2009
comment
Я тоже собирался предложить то же самое. За исключением того, что ему, вероятно, понадобится правое поле на # div2, чтобы отделить его с этой стороны. - person Rob Van Dam; 24.12.2009

arrow_upward
0
arrow_downward

Если вы хотите настроить таргетинг на браузеры webkit только с помощью css:

@media screen and (-webkit-min-device-pixel-ratio:0)
{    
    "element/class or id here"{
      whatever you need here, ie: padding-top: 24px;
    }    
}
person Gui Andrade    schedule 15.12.2009
comment
Как бы странно это ни казалось, некоторые старые версии Opera подхватят это. - person Knu; 20.10.2011