css - html div floating and sizing -


i want make web page uses 100% of screen space. have 2 divs:

1st - menu fixed width (~250px)
2nd - whats left

the misleading part me menu div not in 2nd div. both in wrapper div (100% width). problem if write 100% width 2nd div, goes below menu. if write less %, cannot sure how displayed in smaller resolutions.

is there negative sizing or something? atm. 1st div floats left , 2nd div float right.

udpate: here code:

div.main {   width: 100%; } div.1st {   width: 250px;   float: left; } div.2nd {   width: 100%; #here should space left in main div#   float: right; }  <div class="main">     <div class="1st">menu</div>     <div class="2nd">content</div> </div> 

problem: content wide needs if string or objects in big enough 2nd div goes below 1st. menu width fixed.

update #2: if leave content width empty goes below menu since content wide enough

take @ post, there have correct solution:

http://www.alistapart.com/articles/holygrail


Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -