Posts

Resetting Again

Eric Meyer is Resetting Again. Here’s the result:

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, 
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-size: 100%; 
vertical-align: baseline; 
background: transparent; 
}
body { 
line-height: 1; 
}
ol, ul { 
list-style: none; 
}
blockquote, q { 
quotes: none; 
}
/* remember to define focus styles! */ 
:focus { 
 outline: 0; 
}
/* remember to highlight inserts somehow! */ 
ins { 
text-decoration: none; 
}
del { 
text-decoration: line-through; 
}
/* tables still need 'cellspacing="0"' in the markup */ 
table { 
border-collapse: collapse; 
border-spacing: 0; 
}

Full Article at Eric Meyer blog

Float-less CSS layouts

A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! FLOATs are a source of many browser bugs (mainly IE bugs) which make FLOAT constructs difficult to master across browsers… and easy to break.

Article demonstrates an original solution that addresses semantics, construct, and design issues to deliver robust layouts.

css_float_layouts.jpg