Terri Lynn Posted February 7, 2011 Report Share Posted February 7, 2011 Hi all, I'm a little new at dream weaver and brand new at this forum. I have built a couple of websites with DW CS5 but I am on my first one with a sidebar. The layout is fixed with header, footer, and sidebar on left, all inside of a container div Here is my question, some of my pages on the website have more content in the content div, and the div grows downward with the more content I put in, but the sidebar does not grow downward with the content div. And with this site some pages with a lot of content and others having less. How do I keep my sidebar running from my header all the way to my footer on every page regardless off page height? Quote Link to comment Share on other sites More sharing options...
Wickham Posted February 7, 2011 Report Share Posted February 7, 2011 That's a common question but the solutions can be a bit complicated. Here's one:- http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks and some more in items 16 to 19 here:- http://www.wickham43.net/firefoxbackground.php Quote Link to comment Share on other sites More sharing options...
Terri Lynn Posted February 8, 2011 Author Report Share Posted February 8, 2011 Is there any easier way like changing settings in the DW css panel anyone? Quote Link to comment Share on other sites More sharing options...
Abai_Designs Posted February 8, 2011 Report Share Posted February 8, 2011 I would suggest that you just manually edit the sidebar divs’ pixel height, or you can just add empty paragraphs in the sidebar div. That’s the simplest way. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted February 8, 2011 Report Share Posted February 8, 2011 Is there any easier way like changing settings in the DW css panel anyone? Not really. Divs expand and contract based on their contents. I wouldn't suggest adding empty paragraph tags or manually adjusting the height on the sidebar. The way I usually handle this is using a background image behind the footer (see 16a in Wickham's link: http://www.wickham43.net/firefoxbackground.php). Quote Link to comment Share on other sites More sharing options...
Terri Lynn Posted February 9, 2011 Author Report Share Posted February 9, 2011 Thank you Ben for your answer I ended up photo shopping a background image of the same color as the sidebar at the same width and 10 px high and repeated y. Than I made it the background for container div and it works great. And thank you to the other people that gave answers. Quote Link to comment Share on other sites More sharing options...
grabenair Posted March 8, 2011 Report Share Posted March 8, 2011 What I do is leave the height blank then the box will grow to fit the content. Or put in my content then adjust the height to match. Your wrapper div may also be folding up to stop this put a empty span tag just before the closing div tag.<span></span> this works for me. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.