By miggols99 on

For some reason, every time I make a theme it does exactly the same thing. My workarounds are:

  • 3 columns - Use absolute positioning - This means no footer or do an fixed position footer both of which are annoying
  • 2 columns - Use floating on both divs this results in another problem of the main content div not being the right width when there isn't much text/content

You can see the problem here:

http://archux.com/

The large space!! Please help me fix this. Then I can use my time better on making themes :)

⋅ Categories: Drupal 6.x

Comments

prestonso’s picture

prestonso commented

The mission appears to be the only thing occupying the content area in the center. The content area you seem to want moved up is much too wide to fit there. I would check your CSS very, very carefully and make sure that the way you're styling and structuring your layout is really functional. Perhaps put in some filler text and start playing.
___________________

Preston So
Web/Print Designer
Monarch Digital, Colorado Springs
My non-updated non-Drupal site

___________________

Preston So

miggols99’s picture

miggols99 commented

It's definately got something to do with the sidebar. When I put the main content into "position: absolute;" it looked fine, except the footer overlaps it obviously..is there an alternative to floating or am I missing something major out?

prestonso’s picture

prestonso commented

If you want to keep things semantic and make the columns as manageable as possible, no. I would start reading some related articles that may help you to this end.
___________________

Preston So
Web/Print Designer
Monarch Digital, Colorado Springs
My non-updated non-Drupal site

___________________

Preston So

miggols99’s picture

miggols99 commented

When I code themes as pure XHTML/CSS, it works perfectly fine. But when I put it into Drupal it's not. I have no idea why though...

prestonso’s picture

prestonso commented

Check to make sure anything in system.css isn't overriding what you have in your style.css. If something is, you can use !important exceptions wherever necessary.
___________________

Preston So
Web/Print Designer
Monarch Digital, Colorado Springs
My near-dead non-Drupal site

___________________

Preston So