Index[SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [V] [W] [X] [Z] Cederholm, Dan (author) "Faux Columns" Simple Bits and cellspacing attribute, adding class adding to <dd> elements 2nd declaring box styles using multiple boxes on a page and 2nd elements clear attribute, and invalidity in XHTML clear: both; rule clear: left; rule "Clearing a Float Container Without Structural Markup" method "Clearing Floated Images in Body Text" clearing floats, teaser example 2nd 3rd 4th 5th 6th float-to-fix method 2nd margin fix for IE/Win 2nd 3rd width fix for IE/Mac ClearType, and text styling code bloat in rows in teaser example 2nd navigation and table method for multicolumn layouts and collapsing borders border-collapse property border-collapse: collapse; collapsing tables colors adding base color for box text table header colors 2nd text and link colors, adding to rows 2nd 3rd to columns to distinguish components 2nd alternating row colors 2nd background colors adding to rows with <tr> elements alternating background color equivalents 2nd 3rd 4th in row corners 2nd in rows, adding Sweden photos adding to titles 2nd blue border for colspan attribute column-like grid effect 2nd 3rd 4th columns content columns 2nd 3rd 4th 5th 6th 7th 8th 9th fixed-width vs. non-width-restrictive layouts sidebar columns 2nd 3rd 4th 5th 6th table method for multicolumn layouts basics of 2nd 3rd shortcomings 2nd three-column layouts 2nd 3rd 4th 5th 6th 7th 8th faking equal height 2nd 3rd gutters and padding 2nd markup structure 2nd 3rd sliding faux columns 2nd 3rd style, applying 2nd 3rd two-column design column padding 2nd 3rd 4th 5th faking equal height 2nd float vs. positioning 2nd 3rd for Bulletproof Pretzel Company 2nd markup structure 2nd markup structure for, Bulletproof Pretzel Company max/min width column line length, setting 2nd 3rd 4th 5th 6th sliding faux columns 2nd 3rd 4th 5th style, applying 2nd 3rd 4th containers "Clearing a Float Container Without Structural Markup" method floating 2nd 3rd outer 2nd 3rd styling in teaser package example 2nd widening or shrinking of containing elements, for teasers "Containing Floats" content columns 2nd 3rd 4th 5th 6th 7th 8th 9th content, vs. design 2nd 3rd 4th convertible tables. [See tables, ] corners, of rows four rounded corners 2nd rounded corners 2nd 3rd CSS. column padding [See bulletproof design in absence of CSS and images, rounded-corner boxes] columns, float vs. positioning [See bulletproof design in absence of CSS and images, rounded-corner boxes] content ordering and [See bulletproof design in absence of CSS and images, rounded-corner boxes] gutters [See bulletproof design in absence of CSS and images, rounded-corner boxes] markup structure, two-column design [See bulletproof design in absence of CSS and images, rounded-corner boxes] min/max width line length, setting [See bulletproof design in absence of CSS and images, rounded-corner boxes] sliding faux columns [See bulletproof design in absence of CSS and images, rounded-corner boxes] style, applying [See bulletproof design in absence of CSS and images, rounded-corner boxes] CSS box rectangular model [See bulletproof design in absence of CSS and images, rounded-corner boxes] CSS-based fluid layouts, creating [See bulletproof design in absence of CSS and images, rounded-corner boxes, three-column layouts] CSS2.0 spec, and row width [See bulletproof design in absence of CSS and images, rounded-corner boxes] full-page design fluid layouts [See bulletproof design in absence of CSS and images, rounded-corner boxes] images, absence of and CSS [See bulletproof design in absence of CSS and images, rounded-corner boxes] full-page design, adjustments for IE [See bulletproof design in absence of CSS and images, rounded-corner boxes] footer fix for IE/Win [See bulletproof design in absence of CSS and images, rounded-corner boxes] hack management [See bulletproof design in absence of CSS and images, rounded-corner boxes] self-clearing fix for IE/Win [See bulletproof design in absence of CSS and images, rounded-corner boxes] turning off [See bulletproof design in absence of CSS and images, rounded-corner boxes] "10-second site usability test" [See bulletproof design in absence of CSS and images, rounded-corner boxes] BaseballDog.com example of common approach [See bulletproof design in absence of CSS and images, rounded-corner boxes] McAfee bulletproof example of [See bulletproof design in absence of CSS and images, rounded-corner boxes] using for expandable rows [See bulletproof design in absence of CSS and images, rounded-corner boxes] validation of as tool [See bulletproof design in absence of CSS and images, rounded-corner boxes] |