0

I am editing Drupal theme and I am trying to figure out how to make sidebar that would stretch according to content, overlay header but in same time wont overlay footer. Kinda hard to explain, so I draw an image -> http://i48.tinypic.com/hs2r9t.png

I already made green area - content flexible, so when I add articles to it, it will stretch and move footer deeper.

Thanks

kapa
  • 77,694
  • 21
  • 158
  • 175
Vidlička LujVitóón
  • 89
  • 9

1 Answers1

1

Never used Drupal, but in HTML+CSS the following would work for you:

#sidebar { 
    float: left; /* push it to the left */
}
#header { 
    overflow: hidden; /* new block formatting context */
}
#content { 
    overflow: hidden; 
}
#footer { 
    clear: left; /* clear the float */
}​

jsFiddle Demo

If you're planning on working with layout, it is a must that you learn HTML and CSS.

kapa
  • 77,694
  • 21
  • 158
  • 175