Wordpress footer cross-browser problem for twenty twelve theme

1 reply [Last post]

Tue, 2013-02-26 19:58

zu1u

Offline

newbie

Last seen: 10 years 14 weeks ago

Timezone: GMT-7

Joined: 2013-02-26

Posts: 2

Points: 3

Hi,
the footer of my wordpress behaves differently in chrome and in firefox. In chrome the right part of my footer moves even though it should be aligned with the left part. In firefox it works fine.

A skeleton of the page can be found here:
http://sometestdomain.comeze.com/

Any ideas how to solve this problem??

Here's the relevant part of my 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%;
	}

Tags:

Styling CMS and Social Sites

Tue, 2013-02-26 20:16