Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. How to match the height of my sidebar to my content area?

How to match the height of my sidebar to my content area?

Scheduled Pinned Locked Moved Web Development
javascriptcsscomregexhelp
4 Posts 3 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • F Offline
    F Offline
    flashery
    wrote on last edited by
    #1

    Hello anybody knows how to match the height of my sidebar area to my content area? I just want my sidebar to be the same height as my content area(the posting area). I want it so that my sidebar background will extend all the way down matching the height of the content area, even the sidebar is not having a widget in it. Here is the site http://bloomtheflowercompany.yenius.com/ the green background should extend all the way down even if it has no widget. Can I do it in CSS or I need a JavaScript in it?? Any help appreciated thanks...

    P A 2 Replies Last reply
    0
    • F flashery

      Hello anybody knows how to match the height of my sidebar area to my content area? I just want my sidebar to be the same height as my content area(the posting area). I want it so that my sidebar background will extend all the way down matching the height of the content area, even the sidebar is not having a widget in it. Here is the site http://bloomtheflowercompany.yenius.com/ the green background should extend all the way down even if it has no widget. Can I do it in CSS or I need a JavaScript in it?? Any help appreciated thanks...

      P Offline
      P Offline
      Peter_in_2780
      wrote on last edited by
      #2

      One thing which might fit your needs is to enclose both sidebar and content in a <div>, then give your sidebar a height of 100%. That way, the main content "drives" the height of the enclosing div, and the sidebar follows. CSS is cheap, so have a play! Cheers, Peter

      Software rusts. Simon Stephenson, ca 1994.

      F 1 Reply Last reply
      0
      • P Peter_in_2780

        One thing which might fit your needs is to enclose both sidebar and content in a <div>, then give your sidebar a height of 100%. That way, the main content "drives" the height of the enclosing div, and the sidebar follows. CSS is cheap, so have a play! Cheers, Peter

        Software rusts. Simon Stephenson, ca 1994.

        F Offline
        F Offline
        flashery
        wrote on last edited by
        #3

        Thanks for your helps but I get a good way to do it in this link http://aquoid.com/forum/viewtopic.php?f=4&t=800&p=3896#p3896.

        1 Reply Last reply
        0
        • F flashery

          Hello anybody knows how to match the height of my sidebar area to my content area? I just want my sidebar to be the same height as my content area(the posting area). I want it so that my sidebar background will extend all the way down matching the height of the content area, even the sidebar is not having a widget in it. Here is the site http://bloomtheflowercompany.yenius.com/ the green background should extend all the way down even if it has no widget. Can I do it in CSS or I need a JavaScript in it?? Any help appreciated thanks...

          A Offline
          A Offline
          aakash_
          wrote on last edited by
          #4

          You can use fix height of the sidebar using Css.

          Computing begin with akash tablet

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Categories
          • Recent
          • Tags
          • Popular
          • World
          • Users
          • Groups