Wordpress footer cross-browser float misbehavior

Нижний колонтитул моего wordpress ведет себя по-другому в хроме и в firefox. В chrome правая часть моего нижнего колонтитула перемещается, хотя она должна быть выровнена с левой частью. В firefox это прекрасно работает.Wordpress footer cross-browser float misbehavior

Скелет страницы можно найти здесь: http://sometestdomain.comeze.com/3-2/ Любые идеи, как решить эту проблему ??

Вот соответствующая часть моего CSS

div.front-widgets * h3 { 
    color: #ffffff; 
} 

.template-front-page.two-sidebars .widget-area .front-widgets { 
    background: #2c2c2c; 
    float: left; 
    width: 60.9375%; 
    margin-bottom: 24px; 
    margin-bottom: 1.714285714rem; 
    height: 17.857142rem; 
    color: #ffffff !important; 
} 
.template-front-page .widget-area .widget { 
    padding: 20px 20px 0 20px; 
} 
.template-front-page .widget-area .widget:nth-child(odd) { 
    clear: right; 
} 
.template-front-page .widget-area .widget:nth-child(even), 
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { 
    float: right; 
    width: 39.0625%; 
}

источник

2013-02-26 hansi

Этого сайт выглядит идентично в Firefox и Chrome - вы уверены, что вы смотрите на последние версии? –

Пожалуйста, размещайте проблему как HTML, так и свой CSS. Или еще лучше сделать jsfiddle, чтобы кипятить проблему. – Lowkase

На первой странице нет проблемы, но когда я повторяю меню, например. на этой странице http://sometestdomain.comeze.com/3-2/ правая часть нижнего колонтитула перемещается в моем хром – hansi

В Chrome родительский DIV из .front-виджетов путает надлежащее предоставление второго .front-виджетов элемента. Если вы просто назначили некоторую высоту # второму объекту, она исправит проблему.

что-то вроде:

#secondary { 
    min-height: 200px; 
}

должен сделать трюк для хрома =)

источник

2013-02-27 02:01:48

великим Мартином, это действительно решило проблему. Большое спасибо! – hansi

Wordpress footer cross-browser float misbehavior

ответ

Смежные вопросы