/    Sign up×
Community /Pin to ProfileBookmark

Hi everyone I have a question.

I just created a site which is [URL=”http://www.chessathlete.com”]http://www.chessathlete.com[/URL]

At the site I have a menu bar (dark brown, left). The bar is set to be 1200px in length, it’s set that way so it can always be the same length of the main content window, The problem is when I write a article I have to ALWAYS make sure that my text does not extend beyond the main content box otherwise it would be dumb.

If I set the main content window to be 100%, then I don’t have to worry about the text extending beyond the box however it will look strange,
because the left menu bar would not equal the height of the main content.

Is there a code that would make the main content window, and the left menu bar always be the same height regardless of whether there is enough content ( if I set that to 100% then it really looks weird)?

I would like to have the nav and main content divs always stay at a minimum of say 600px, but if one day I write a long article it could automatically expand the menu and nav bar so it looks normal.

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@DerokorianMar 28.2011 — <i>
</i>&lt;html&gt;&lt;head&gt;
&lt;style&gt;
#container {
overflow: hidden;
min-height: 600px;
}
#leftnav {
margin-bottom: -2985px;
padding-bottom: 3000px;
min-height: 600px;
}
#content {
margin-bottom: -2985px;
padding-bottom: 3000px;
min-height: 600px;
}
&lt;/style&gt;
&lt;/head&gt;&lt;body&gt;
&lt;div id=container&gt;
&lt;div id=leftnav&gt;
&lt;!-- Nav stuff /--&gt;
&lt;/div&gt;
&lt;div id="content"&gt;
&lt;!-- Content /--&gt;
&lt;/div&gt;
&lt;/div&gt;


Thats just a quick general idea, you can see it in action at dev.rdennispallas.com until i change it back in a couple day ?
×

Success!

Help @goodsynt spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...