«
»

fixed width sidebar, main content fluid layout

Posted in dotnet, vb, vb.net | No Comments »

Hi. i need to implement a layout with 1 fixed with sidebar at the left of the page and the main content fluid:

First i tried this:

CSS Code:


#left-panel{



   float:left;



   width: 220px;



   padding: 0px 0px 0px 60px;



   border-right: 2px solid #d1d1d1;



   margin-top: 35px;



}



 



#main-panel



{



   margin: 10px 20px 0px 280px;



}



}
CSS Code:


<div id="main-panel">



 



 </div>



 



       



<div id="left-panel">



</div>

In this case the sidebar left margin of main-panel still occupies space so the sidebar drops.

I have also tried this:http://www.dynamicdrive.com/style/la…21-fixed-fluid
but the sidebar simply disapear.

Any help would be appreciated.

Similar:

  1. fixed width sidebar, main content fluid layout Hi. i need to implement a layout with 1 fixed with sidebar at the left of the page and the main content fluid: First i...
  2. fixed width sidebar, main content fluid layout Hi. i need to implement a layout with 1 fixed with sidebar at the left of the page and the main content fluid: First i...
  3. Is there an ideal width for a header image in a fluid layout? I have read about issues with a liquid layout like the banner image size e.g if the window size is very big and the image...
  4. Creating 3-col layout with fixed-width middle column? The following page has a left and right column with fixed width, and the middle column takes up the remaining space. I'd like to have...
  5. Need help 3-col website: 1 fixed, 2 fluid Hi. I am making a website with 3 collumns. The left one is fixed (250px) and i want the other 2 to be fluid. The...

This entry was posted on Tuesday, July 6th, 2010 at 2:03 pm and is filed under dotnet, vb, vb.net. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply