fixed e.g. leftCol and fluid main column?

5 views
Skip to first unread message

mmj

unread,
Nov 20, 2009, 9:23:02 AM11/20/09
to Object Oriented CSS
Hello
I was just wondering how I would go about this if I'd like to have
fixed width left column e.g. 300px and the rest fluid using OOCSS

Thanks

Sam Sherlock

unread,
Nov 20, 2009, 10:45:29 AM11/20/09
to object-or...@googlegroups.com
1) in the html add the class liquid to the page div

2) and in css set your desired width; make sure its specificity is higher then the existing set rule

.liquid .leftCol { width: 300px }

but instead of doing point 2 you could add myYahoo class to the div with the class leftCol (just as with the page liquid combo class) the rules of the class are inherited.  myYahoo comes after leftCol and liquid comes after page (which gives them higher specificity)

Nicoles slideshare presentations are an easy way to get a grasp on this.  That plus I fiddle lots with firebug

- S




2009/11/20 mmj <mmja...@gmail.com>

--

You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=.



Reply all
Reply to author
Forward
0 new messages