Проблема кросс-браузерного позиционирования в Chrome и Firefox

Я надеялся, что кто-нибудь поможет мне понять, что делать с проблемой несоответствия браузеров между Safari/Chrome и Firefox.

Вот скриншот (слева — Chrome, справа — Firefox): http://drp.ly/QVv2T

Вот структура: http://drp.ly/QW47y

CSS:

inside-wrapper {
    position:relative;
    min-height:320px;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    width:785px;
    margin-right:auto;
    margin-left:auto;
}

select p a {
    display:block;
    clear:both;
    margin:0;
    padding:7px 0 6px 10px;
}

select ul {
    position:absolute;
    top:162px;
    left:1px;
    width:396px;
}

Заранее спасибо за помощь и дайте мне знать, если я могу опубликовать больше информации.


css cross-browser
person adamwstl    schedule 20.04.2010    source источник
comment
Ну да, было бы неплохо увидеть HTML, который его генерирует. Небольшой рисунок, показывающий макет, нам совсем не поможет.   -  person animuson    schedule 20.04.2010

Ответы (2)


arrow_upward
1
arrow_downward

Извините тех, кто нашел время, чтобы просмотреть это - я понимаю, что был очень расплывчатым и не предоставил достаточно информации.

Я смог найти исправление. Проблема заключалась в том, что главный div, охватывающий все это, должен был быть установлен в position:relative, а вместо этого я установил родителя всего этого в относительный.

Спасибо всем за помощь!

person adamwstl    schedule 20.04.2010

arrow_upward
0
arrow_downward

Основываясь на вашем CSS, я заметил, что вы поместили <ul> внутри тега <select>. Это недопустимая комбинация.

person ZippyV    schedule 20.04.2010
comment
Извините за путаницу, это не форма выбора html, а просто имя идентификатора (мне пришлось убрать знак #, потому что это вызывало странную проблему форматирования с Textile) - person adamwstl; 20.04.2010