Help with lining up new homepage sidebar

[BerniceKidd]

I have registered a few sidebars and have added them to home.php. Two of the sidebars are on top of each other. Could you let me know what I have done? The home.php looks like this;

<?php get_header(); ?>

<?php genesis_home(); ?>

 

<div id="homepage">

<?php if( function_exists('wp_cycle') ) : ?>

<?php wp_cycle(); ?>

<?php endif; ?>

<div class="home-one-column">

<?php dynamic_sidebar( 'home-one-column' ); ?>

</div>

<div class="home-page-about-us">

<?php dynamic_sidebar( 'home-page-about-us' ); ?>

</div>

<div class="three-column-sidebar">

<?php dynamic_sidebar( 'three-column-sidebar' ); ?>

</div>

<div class="two-column-sidebar">

<?php dynamic_sidebar( 'two-column-sidebar' ); ?>

</div>

<?php get_footer(); ?>

I have the 'under construction' plugin activated so you will need to login with these details

http://www.simplicitycoaching.co.za/wp-admin

Username: Forum

Password: Forum123*

Many Thanks

>

[SoZo]

I'm not seeing anything apparently on top of each other.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[BerniceKidd]

HI.  I have just changed the one image widget to a red block image which makes it clearer.  This is a 850px image.  Below that should be a two image widget of the two ladies (next to each other).  I have added these sidebars on the homepage in style CSS (obviously I have done something wrong); The 2 that are on top of each other are 'home-page-about-us' and "one column sidebar" Any advice would be very welcome!

Ad Sidebar
------------------------------------------------------------ */

.two-column-sidebar {
    clear: both;
       float: left;
       color: #FFFFFF;
       font-size: 12px;
       margin: 0 auto;
    width: 850px;
     }
 
    .widget {
    float: left;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    width: 420px;

/* Ad Sidebar
------------------------------------------------------------ */
.three-column-sidebar {
clear: both;
margin: 0 auto;
width: 850px;
}

/* Ad Sidebar
------------------------------------------------------------ */
.home-page-about-us {
    clear: both;
    margin: 0 auto;
    width: 850px;
}

/* Ad Sidebar
------------------------------------------------------------ */
.home-one-column {
    clear: both;
    margin: 0 auto;
    width: 850px;
}

[BerniceKidd]

Hi.  Sorry, the problem only shows up in firefox.  I have tried IE and it is fine.  Wish I have worked that out 3 hours ago!

Thanks for your help.

B

[SoZo]

I can't determine why the widgets aren't floating. I imagine there's a clear interfering somewhere but I couldn't find it. But instead of floating widgets within the same sidebar I would add two separate sidebars there.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Author]

Posts