http://snipplr.com/language/css/tags/box Recent snippets posted on Snipplr.com en-us Wed, 23 Jul 2008 18:22:51 GMT http://snipplr.com/view/3542/boxes-with-headings/

]]> Tue, 21 Aug 2007 07:50:36 GMT http://snipplr.com/view/3542/boxes-with-headings/ http://snipplr.com/view/1850/css-for-autoheight-rounded-corner-box/ probably not the best way, but it seems to work

]]> Wed, 27 Dec 2006 11:09:23 GMT http://snipplr.com/view/1850/css-for-autoheight-rounded-corner-box/ http://snipplr.com/view/811/scrollable-divbox/ Shows how to create a DIV box that is scrollable and looks like a IFRAME.

]]> Mon, 14 Aug 2006 16:31:38 GMT http://snipplr.com/view/811/scrollable-divbox/ http://snipplr.com/view/434/css-box-model-hack/ The CSS standard defines the width of a box as the width inside the box. Padding, border and margin are added seperately. The same applies to the height of a box. (!!) IE 5.X WIN (!!) fails to implement the specification correctly. Border and width inside the box are added to the width. A box with a width of 200px, a padding of 20px and border of 10px results in a width of 260px in Mozilla and 200px in Internet Explorer. This can be extremely tedious if you want to do a pixel perfect layout. TANTEKS HACK: (named after it's inventor) utilizes this weakness. width:200px; is the defintion for Internet Explorer. IE stops processing the CSS rules after voice-family: "\"}\"";. Other browsers recognize the the value after it and overwrites the value. Opera doesn't, unfortunately

]]> Sat, 15 Jul 2006 09:04:30 GMT http://snipplr.com/view/434/css-box-model-hack/