954,593 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Fluid & Elastic Layout (Header/Navtabs/2 Col Content/Footer)

Hey there,

I'm new to CSS and I'm building my personal website. I have an issue with the right side bar when browser is re-sized. I posted two images (a working example and the issue I'm facing).


Any help would be greatly appreciated.

Attachments HomePage.png 194.07KB HomePage-issue.png 512.62KB
blackrobe
Junior Poster in Training
52 posts since Oct 2008
Reputation Points: 10
Solved Threads: 0
 

You need to add a wrapper div around the entire existing content with a defined width which will hold the other divs in place. Otherwise the content in the two divs will do exactly what you are showing when the viewport is less than their combined widths.

you can set a min-width and max-width restraint on the outer wrapper div for better control.

drjohn
Posting Pro in Training
447 posts since Mar 2010
Reputation Points: 76
Solved Threads: 80
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: