javascript - How to build this layout with CSS? -


I'm not new to CSS, but this is a problem for me and I can not solve it. I need to create a layout as:

The height is set in the below given divisions and the upper part. One of the center should be excellent in page HEIGHT - DIV 1 HEIGHT - DIV 3 HEIGHT or in some cases small height.

In addition, this size should be determined because I have estimate that sometimes the content will be bigger than this and then it will require a scrollbar inside it.

When I will shorten DIV2, then when will I accept, but with DIV1 and DIV3, the page size will never grow bigger in size.

Any solution will be good, not only will you use CSS, but if you have any ideas then you can throw some javascript too ... I would be grateful for any solution. That is not entirely correct :)

I believe that you want something like this

  & lt; Div id = "header" style = "position: full; top: 0 pixel; left: 0 px; height: 200 px; overflow: hidden;" & Gt; & Lt; / Div & gt; & Lt; Div id = "content" style = "position: full; top: 200px; bottom: 200px; left: 0 pixel; overflow: auto;" & Gt; & Lt; / Div & gt; & Lt; Div id = "footer" style = "position: full; bottom: 0 pixel; height: 200 pixels; left: 0 pixels; overflow: hidden;" & Gt; & Lt; / Div & gt;  

Comments

Popular posts from this blog

c# - sqlDecimal to decimal clr stored procedure Unable to cast object of type 'System.Data.SqlTypes.SqlDecimal' to type 'System.IConvertible' -

Calling GetGUIThreadInfo from Outlook VBA -

Obfuscating Python code? -