ThemeShaper Forums » Thematic

Newbie help (sidebars/widths)

(4 posts)
  • Started 10 years ago by poebae
  • Latest reply from amygail
  • This topic is not resolved
  1. poebae
    Member

    Apologies if this has been addressed in a previous topic. I've tried searching, but can't find any threads that match my exact problem.

    I'm trying to create a custom child theme using 3c-fixed (one column on either side) - see http://www.onetopsoccer.com/blog/

    Basically my requirements are:

    * Left and right 'liquid' sidebars
    * Maximum width for content

    So I want the left sidebar to hug the left side of the screen, the right sidebar to hug the right side, and as much screen real estate as possible for the content in the middle, without any overlap of course.

    I've been playing with the #container, #content, .main-aside, #primary and #secondary values, but I can't push the sidebars to the far edges of the screen, and I only make them disappear, overlap or slip under the content.

    Thanks in advance for any help you can offer!

    Posted 10 years ago #
  2. hmmm... might try setting the width of the wrapper to auto, and then set a fixed width for both columns, and then auto width for the main content area.

    not sure if that will work. just went to your site, eyes too tired to try it out in firebug right now...

    Posted 10 years ago #
  3. poebae
    Member

    Hi, thanks for the reply.

    I tried setting the wrapper width and content width to auto, but it didn't work :(

    You can see the overlap here:

    http://onetopsoccer.com/blog/?page_id=3&category=1&product_id=5

    Posted 10 years ago #
  4. amygail
    Member

    You've got some css errors that are causing some trouble

    Your life will be much easier if you use a validator. I prefer the "web developers toolbar"
    extension for Firefox. Firebug is also great - but a bit steeper learning curve.

    This is also an option

    http://jigsaw.w3.org/css-validator/

    Posted 10 years ago #

RSS feed for this topic

Reply

You must log in to post.