Snipplr

(CSS) Reset Browser Styles - fatihturan

Fri, 11 Aug 2006 12:00:14 GMT

Put this these rules at the top of your CSS file and it will reset the default settings across all browsers to render the same. It's a great starting point for any new design. I took these rules from the Yahoo! YUI opensource kit.

(CSS) Basic CSS Template - fatihturan

Thu, 20 Jul 2006 20:55:36 GMT

(CSS) WinIE PNG Filter - fatihturan

Tue, 18 Jul 2006 04:36:44 GMT

(JavaScript) Background Hight Light - fatihturan

Tue, 18 Jul 2006 04:18:09 GMT

(CSS) ClearFix - fatihturan

Tue, 18 Jul 2006 03:25:59 GMT

(CSS) Hack CSS - fatihturan

Mon, 17 Jul 2006 23:26:44 GMT

(CSS) Fix li Background Repeat Bug In IE - fatihturan

Sun, 16 Jul 2006 14:07:25 GMT

A bug seems to occur when you add a negative margin to a list item in IE6. The background image applied to the list item gets repeated randomly and generally messes up. Add this little gem to your head to fix the problem. Remember to change the id tag to your own.

(CSS) CSS Box Model Hack - fatihturan

Sat, 15 Jul 2006 09:04:30 GMT

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

(CSS) base CSS - fatihturan

Fri, 14 Jul 2006 08:01:54 GMT

(CSS) Centre using Negative Margins - fatihturan

Wed, 05 Jul 2006 11:00:44 GMT

(CSS) Centre using Auto Margins - fatihturan

Wed, 05 Jul 2006 10:04:57 GMT

Taken from bluerobot. Create a content div, set the width and the margin set to auto will align the div to the centre horizontally.

(CSS) Dead Centre a DIV - fatihturan

Wed, 05 Jul 2006 10:02:21 GMT

Taken from Dead Centre. Adjust #content depending on the size div you need.

(CSS) CSS Box Model Hack - fatihturan

Tue, 04 Jul 2006 07:50:38 GMT

classical box model hack, by Tantek Çelik http://www.tantek.com/CSS/Examples/boxmodelhack.html

(CSS) basic css - fatihturan

Fri, 30 Jun 2006 00:30:54 GMT

very basic code for css

(CSS) simple min-height for all browsers - fatihturan

Thu, 29 Jun 2006 13:57:26 GMT

This snippet uses html>body instead of * html. Works in all modern-browsers, degrades to just height for older browsers.

(CSS) min-height for IE (and all other browsers) - fatihturan

Wed, 31 Dec 1969 19:00:00 GMT

Since min-height doesn't work in IE, this code makes up for IE's shortcomings. The first part of the code is the correct code that works in Firefox and Safari. The second part of the code is for IE. Internet Explorer will ignore min-height and is just given a height of 8em. The IE bug automatically expands the container to fit the extra text.