Home → Suggestions →

Make Discussion Page Fluid

• Edit

bkuberek

25 Feb, 2010 07:32 PM

I used the css below to make the Discussions page fluid

div#wrapper div#header,
div#wrapper div#content,
div#wrapper div#footer { 
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
}

div#wrapper div#content div.maincol {
    float: none;
    width: auto;
    margin-right: 250px;
}

div#wrapper div#content div.sidebar {
    float: none;
    position: absolute;
    top: 60px;
    right: 0;
}

1. Support Staff 1 Posted by Courtenay on 26 Feb, 2010 11:12 AM

   

   Awesome. I am a fan of the mag -- are you going to have a public tender for it?

   • Edit

2. 2 Posted by bkuberek on 26 Feb, 2010 02:54 PM

   

   We are creating tender for our products, so I don't think we'll have a public tender. Sorry.

   Regarding the code above, the sidebar gets cutoff in half when the page doesn't have enough content to push the footer down. Its positioned absolutely, so it won't push te footer down to save itself enough space to live.

   I could set min-height on #container, but that wouldn't work on IE, and we can'nt use hacks in the CSS. Thus I this won't work. I might as well request Tender dev team to add fluid layout as a feature.

   • Edit

3. 3 Posted by bkuberek on 26 Feb, 2010 03:05 PM

   

   I opened a new discussion under Suggestions:
   https://help.tenderapp.com/discussions/suggestions/373

   • Edit

4. Will closed this discussion on 18 Aug, 2010 10:11 PM.