My WP sidebars are pushed down on Chrome, correct on Firefox – Help!

This custom CSS might help

#content {
  float: left;
}

Thank you, Samuel, for your response. I edited my theme CSS as you suggested – I want my post content to appear between the 2 sidebars; your suggestion places the content on the left-hand side (as expected) with both sidebars to the right.

I changed the word “left” to “center” and tried again on Chrome but the content still appears on the left side, with both sidebars beneath, as before. I even chaged center to centre, still no change.

To recap: I first played around with all 3 settings (left, right, center) on Firefox – all 3 responses appeared as set; However, on Chrome when I use “left” and “right” the post content appears at left and right (respectively), with the 2 sidebars alongside; but with “center” it again places the content on the left with both sidebars beneath. This only happens in Chrome. I need my post/page content to appear between the sidebars on all browsers.

Clearly, there must be something other than “center” to make this work in Chrome.

Hi!

I am afraid there’s nothing named center in styling floats in CSS.

You could achieve what you are looking for by doing the following:

1. In the theme template for the content, make sure to put the following elements in this order :

<div id="sidebar-left">..
<div id="content">..
<div id="sidebar-right">..

instead of this order :

<div id="content">..
<div id="sidebar-left">..
<div id="sidebar-right">..

After doing that, make sure content container is floated to the left:

#content {
  float: left;
}

Thanks for the update but it’s still not working in Chrome. I copied the code you supplied as follows…:

<div id=”sidebar-left”>..
<div id=”content”>..
<div id=”sidebar-right”>..

#content {
float: left;
}

…and pasted it just like that into my “Custom CSS” box in Admin. Again the site loads correctly in FF and IE but not in Chrome.