Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

3 and 2 column full screen (width & height) layouts (CSS)

Tags:

css

xhtml

I was wondering if there were any simple examples that did the following

    * A right and a left fixed column with a fluid center. 
      With full height and width and a header and footer.
    * A single left fixed column with a fluid content column 2. 
      With full height and width and a header and footer.
    * A single right fixed column with a fluid content column.
      With Full height and width and a header and footer.

I've tried some methods (such as the ones listed on listapart) but they seemed really complicated and they used a lot of divs, or they just didn't support padding.

Thanks in advance

like image 592
zSynopsis Avatar asked Feb 22 '09 04:02

zSynopsis


1 Answers

Check this site out:

http://matthewjamestaylor.com/blog/perfect-stacked-columns.htm

Other layout examples from the above:
http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm
http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm
http://matthewjamestaylor.com/blog/perfect-3-column.htm

like image 141
Adnan Avatar answered Sep 30 '22 02:09

Adnan