Jim Jeffers jimjeffers
jimjeffers
/ Easy Columns
Created
February 26, 2009 21:30
Give any div a class 'column' and if it's absolutely positioned this jQuery script will fix the height of the container for you.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Fix any absolutely positioned columns if necessary. | |
| $(document).ready( function(){ | |
| $('.column').each(function(){ | |
| var cur = $(this); | |
| if(cur.css('position') == 'absolute') { | |
| var parent = $(cur.parent().get(0)); | |
| if(cur.height() > parent.height()) { | |
| parent.css('height',cur.height()); | |
| } | |
| } |
jimjeffers
/ 960grid.html
Created
February 1, 2009 01:42
CSS/XHTML for displaying a 960 grid overlay on a website.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | |
| <head> | |
| <meta http-equiv="Content-type" content="text/html; charset=utf-8"> | |
| <title>960.gs Grid</title> | |
| <style type="text/css"> | |
| #grid { | |
| background: rgba(255,255,255,0.1); | |
| height: 100%; |
jimjeffers
/ gist:46766
Created
January 14, 2009 03:38
A set of best practices you can paste into your CSS to keep members on the same page.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* KEEP OUR CSS CLEAN | |
| Some guidelines to follow: | |
| 1. Break code down into sections. i.e. =BRANDING, =BODY, = WIDGETX, =WIDGETY, etc. | |
| 2. Keep your rules alphabetically sorted. | |
| 3. Only put one selector per line for a block of rules that apply to multiple selectors. | |
| 4. Indent your rules, only one rule per line. | |
| example: | |
| element#id, |
NewerOlder