css - yui - liquid header, fix content -


How do I create a liquid headers (100%) and fix the contents (950 px) and footer using yui Can i do

Something like this:

  ------------------------------ ---- | Headers (liquid) | ---------------------------------- | Left | Right | ------------------- | Footer | -------------------  

Any input will be highly appreciated.

The best way to do this, using the CSS grid, create a div outside # doc2 div Which you will use as your header device. Just remove the div # hd from the # doc2 div, and you will not have that header at all.

  & lt ;! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> & Lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; YUI base page & lt; / Title & gt; & Lt; Link rel = "stylesheet" href = "http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type = "text / css" & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "doc3" class = "yui-t7" & gt; & Lt; Div id = "hd" roll = "banner" & gt; Header & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "doc2" class = "yui-t7" & gt; & Lt; Div id = "bd" role = "main" & gt; & Lt; Div class = "yui-g" & gt; & Lt ;! - Your data goes here - & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "ft" role = "contentinfo" & gt; & Lt; P & gt; Footer & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Comments

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

jquery - SimpleModal Confirm fails to submit form -

php - Multiple Select with Explode: only returns the word "Array" -