Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Minimum size container which stretches depending on browser?

I am designing a website, which I originally wanted to have a nav bar fixed to the left side of the page, and the content panel fixed to the right hand side with lots of empty space, particularly in the centre, so that the full size background image shows through. But I have decided that for accessibility on mobiles etc...I don't think the fixed position is going to work...

I am fairly new to this sort of thing...but are there any options which allow me to have the same sort of effect, but when the browser is shrunk down to a certain size the browser automatically adds a scroll bar so that the content doesn't cover over the nav?

Or is my only option to fix everything within a 960px or so width and so not have as much display of the background image?

2 Answers

Relevance
  • Anonymous
    9 years ago
    Favorite Answer

    The problem with using a fixed position for wide layout styles, your fixing elements relative to the html body (browser window) which will have mixed results. Two ways I can think of, either use an iframe with an external fixed-layout.html e.g.

    <html>

    <head>

    <style type=""text/css">.iframe {width:100%; height:100%; margin:0 auto;}</style>

    </head>

    <body>

    <iframe src="path/to/fixed-layout.html" class="iframe"></iframe>

    </body>

    </html>

    or wrap fixed elements in a div, name it fixed-layout give it a style of overflow-y: scroll; e.g.

    <body>

    <div class="fixed-layout" style="overflow-y:scroll; width:100%; height:100%; margin:0 auto;">

    <!--FIXED LAYOUT ELEMENTS-->

    </div>

    </body>

    Fixed elements should now be relative to .fixed-layout style you defined instead of the browser window(<body>).

  • ?
    Lv 4
    4 years ago

    i don't be attentive to of a itemizing like that. you ought to evaluate how huge the mature plant will advance. A single flower could make it in a a million gallon pot. Tomato (one) will want a minimum of a three gallon container, 5 gallon is much extra advantageous...comparable for bell pepper, chili... without understanding what you try to advance, can not be extra specific.

Still have questions? Get your answers by asking now.