Product Overview

Everything You Know About CSS Is Wrong!

Index

A

absolute positioning, (Tables Do the Trick), (Absolute Positioning)
accessibility, (Is the source order really a problem?)
Acid Test, (Internet Explorer 8 Changes the Game)
Acid2 test, (Internet Explorer 8 Changes the Game), (Our Part of the Bargain)
Advanced Layout Module, (CSS3 Template Layout Module)
ALMcss plugin, (Positioning Elements into the Slots)
anonymous table elements, (Anonymous Table Elements), (What’s going wrong with these anonymous table elements?)
creation rules, (Rules for the Creation of Anonymous Table Elements)

B

border-collapse (property), (Other Useful Table Properties)
border-spacing (property), (Other Useful Table Properties)
browsers (see web browsers)

C

Cascading Style Sheets (CSS) technology, (The Problem with CSS)
colspan, (Do CSS tables support the colspan and rowspan attributes?)
column-balance (property), (Other Multi-column Layout Properties)
column-break-after (property), (Other Multi-column Layout Properties)
column-break-before (property), (Other Multi-column Layout Properties)
column-count (property), (Other Multi-column Layout Properties)
column-count value, (CSS3 Multi-column Layout Module)
column-gap properties, (Creating a Grid with Columns and Column-gap Properties)
column-gap property, (CSS3 Multi-column Layout Module)
column-rule (property), (Other Multi-column Layout Properties)
column-rule-color (property), (Other Multi-column Layout Properties)
column-rule-style (property), (Other Multi-column Layout Properties)
column-rule-width (property), (Other Multi-column Layout Properties)
column-span (property), (Other Multi-column Layout Properties)
column-width (property), (Multiple Equal-width Columns), (Other Multi-column Layout Properties)
columns
arranging, (Do I have to change the source order?)
columns and column-gap properties, (Creating a Grid with Columns and Column-gap Properties)
multi-column layout properties, (Other Multi-column Layout Properties)
multiple equal-width, (Multiple Equal-width Columns)
columns (property), (Other Multi-column Layout Properties)
CSS, (Putting Principles into Practice), (The Road Ahead)
(see also CSS table layout)
and web browsers, (CSS and the Browser Wars), (What about older browsers?)
display property, (CSS Table Layout), (How Does This Work?), (Putting Principles into Practice)
everything you know is wrong, (Everything You Know about CSS Is Wrong)
float property, (Floated Layout)
layout techniques, (CSS Table Layout)
nested tables, (Can CSS tables be nested?)
page layout, (CSS and the Browser Wars), (How Does This Work?), (Is the source order really a problem?), (Greater Ease of Development)
table layouts, (CSS Table Solutions)
tables, (Using CSS Tables), (Anonymous Table Elements), (CSS Table Solutions), (Considering Older Browsers), (Support for CSS Tables), (Option 1: Ignore Older Browsers), (Option 2: Provide a Simplified Layout), (Adding a Style Sheet for IE6 and 7), (But Why Not Stick with Floated Layouts?), (Greater Ease of Development), (Moving Forward), (CSS3 Grid Positioning Module), (Positioning Elements into the Slots), (Everything You Know about CSS Is Wrong)
techniques, (Now It’s Our Turn)
technology, (The Problem with CSS)
version 4 browsers, (The Version 4 Browsers)
CSS Gallery, (Early Browser Support for CSS)
CSS support in Internet Explorer, (Our Part of the Bargain)
CSS table layout, (CSS Table Layout)
absolute positioning, (Absolute Positioning)
technique problems, (Problems with This Technique)
floated layout, (Floated Layout)
technique problems, (Problems with This Technique)
making a perfect grid, (Making a Perfect Grid)
putting principles into practice, (Putting Principles into Practice)
using CSS tables, (Using CSS Tables)
using current layout techniques, (Using Current Layout Techniques)
CSS1, (Internet Explorer 8 Changes the Game)
CSS2, (Internet Explorer 8 Changes the Game)
CSS2.1, (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game)
CSS3, (The Road Ahead)
column-gap properties, (Creating a Grid with Columns and Column-gap Properties)
gr value, (Positioning Elements on the Grid: the gr Value)
grid positioning module, (CSS3 Grid Positioning Module)
grid with columns properties, (Creating a Grid with Columns and Column-gap Properties)
grid-columns properties, (The grid-columns and grid-rows Properties)
grid-rows properties, (The grid-columns and grid-rows Properties)
multi-column layout module, (CSS3 Multi-column Layout Module)
multi-column layout properties, (Other Multi-column Layout Properties)
multiple equal-width columns, (Multiple Equal-width Columns)
positioning elements in the slots, (Positioning Elements into the Slots)
positioning elements on the grid, (Positioning Elements on the Grid: the gr Value)
template layout module, (CSS3 Template Layout Module)
template setup, (Setting up the Template)

D

Dynamic HTML (DHTML), (The Version 4 Browsers)

F

faux columns, (Problems with This Technique)
Firefox, (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game), (CSS3 Multi-column Layout Module), (Multiple Equal-width Columns)
absolutely positioned layout in, (Problems with This Technique)
anonymous elemements in, (What’s going wrong with these anonymous table elements?)
Firefox 2, (Support for CSS Tables)
Firefox 3, (Support for CSS Tables)
Firefox 3.1, (Other Multi-column Layout Properties)
fixed-width layouts, (Can CSS tables be used to create flexible layouts?)
flexible layouts, (Can CSS tables be used to create flexible layouts?)
floated blocks, (Tables Do the Trick)
floated layout (page layout), (Floated Layout), (Can CSS tables be nested?)
floated layouts, (But Why Not Stick with Floated Layouts?)

G

gr value, (Positioning Elements on the Grid: the gr Value)
grid positioning module, CSS3, (CSS3 Grid Positioning Module)
grid with columns properties, (Creating a Grid with Columns and Column-gap Properties)
grid, positioning elements, (Positioning Elements on the Grid: the gr Value)
grid-based designs, (The Grid’s the Thing)
grid-based layouts, (CSS3 Grid Positioning Module)
grid-columns properties, (The grid-columns and grid-rows Properties)
grid-rows properties, (The grid-columns and grid-rows Properties)
grids, two-dimensional (2), (The Grid’s the Thing)

H

hasLayout, (Problems with This Technique)
HTML tables, (The Grid’s the Thing), (Tables Do the Trick), (CSS Table Layout), (Problems with This Technique), (How Does This Work?), (Do CSS tables support the colspan and rowspan attributes?), (Now It’s Our Turn)

I

inline content, (The Grid’s the Thing)
Internet Explorer, (CSS and the Browser Wars), (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game), (Our Part of the Bargain), (Problems with This Technique), (Adding a Style Sheet for IE6 and 7), (Now It’s Our Turn)
and hasLayout, (Problems with This Technique)
Internet Explorer 3, (The Grid’s the Thing), (Early Browser Support for CSS)
Internet Explorer 4, (The Version 4 Browsers)
Internet Explorer 5, (The Version 4 Browsers)
for Macintosh, (Internet Explorer 6 and the Long Sleep)
Internet Explorer 6, (Internet Explorer 6 and the Long Sleep), (Problems with This Technique), (Considering Older Browsers), (Support for CSS Tables), (Option 1: Ignore Older Browsers), (Adding a Style Sheet for IE6 and 7), (Option 3: Reproduce Your Layout with Older Techniques), (But Why Not Stick with Floated Layouts?)
Internet Explorer 7, (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game), (Problems with This Technique), (Considering Older Browsers), (Support for CSS Tables), (Option 1: Ignore Older Browsers), (Adding a Style Sheet for IE6 and 7), (Option 3: Reproduce Your Layout with Older Techniques), (But Why Not Stick with Floated Layouts?)
Internet Explorer 8, (Internet Explorer 8 Changes the Game), (Our Part of the Bargain), (CSS Table Layout), (Considering Older Browsers), (Support for CSS Tables), (History Repeats), (Now It’s Our Turn), (Everything You Know about CSS Is Wrong)
Internet Explorer 9, (Adding a Style Sheet for IE6 and 7)

J

JavaScript, (The Version 4 Browsers), (What’s going wrong with these anonymous table elements?), (Positioning Elements into the Slots)

K

Konqueror, (Internet Explorer 8 Changes the Game)

L

layout (see page layout)
Linux/KDE, (Internet Explorer 8 Changes the Game)
liquid layouts, (Can CSS tables be used to create flexible layouts?)

M

Microsoft, (Early Browser Support for CSS), (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game), (Now It’s Our Turn)
Mozilla, (Internet Explorer 6 and the Long Sleep), (Other Multi-column Layout Properties)
multi-column layout, (CSS3 Multi-column Layout Module)
multi-column layout properties, (Other Multi-column Layout Properties)
multiple equal-width columns, (Multiple Equal-width Columns)

N

navigating your site, (Is the source order really a problem?)
nested CSS tables, (Can CSS tables be nested?)
Netscape, (Early Browser Support for CSS), (The Version 4 Browsers)
Netscape 4, (The Version 4 Browsers), (Internet Explorer 6 and the Long Sleep), (Option 1: Ignore Older Browsers)
Netscape 6, (Internet Explorer 6 and the Long Sleep)

O

Opera, (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game), (Other Multi-column Layout Properties)
Opera 9.5, (Support for CSS Tables)

P

page layout, (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game), (Our Part of the Bargain), (CSS Table Layout)
absolute positioning, (Absolute Positioning)
adding a style sheet for IE6 and 7, (Adding a Style Sheet for IE6 and 7)
and tables, (How Does This Work?)
current techniques, (Using Current Layout Techniques)
floated layout, (Floated Layout), (But Why Not Stick with Floated Layouts?)
multi-column layout module, (CSS3 Multi-column Layout Module)
multi-column layout properties, (Other Multi-column Layout Properties)
reproducing with older techniques, (Option 3: Reproduce Your Layout with Older Techniques)
techniques, (Greater Ease of Development)
use of HTML, (Tables Do the Trick)
using older browsers, (Option 2: Provide a Simplified Layout)

R

rowspan, (Do CSS tables support the colspan and rowspan attributes?)

S

Safari, (Internet Explorer 6 and the Long Sleep), (Internet Explorer 8 Changes the Game), (CSS3 Multi-column Layout Module)
Safari 3, (Support for CSS Tables), (Other Multi-column Layout Properties)
search engine optimization (SEO), (Is the source order really a problem?)
search engines, (Is the source order really a problem?)
site navigation, (Is the source order really a problem?)
source order, (Is the source order really a problem?)
style sheets
adding for IE6 and 7, (Adding a Style Sheet for IE6 and 7)

T

tabbed browsing interface, (Internet Explorer 6 and the Long Sleep)
table (display value), (How Does This Work?)
table cell
positioning elements within, (How can I position elements within a table cell?)
table elements, (How Does This Work?)
anonymous, (Anonymous Table Elements), (What’s going wrong with these anonymous table elements?)
positioning, (How can I position elements within a table cell?)
table-caption (display value), (How Does This Work?)
table-cell (display value), (How Does This Work?)
table-column (display value), (How Does This Work?)
table-column-group (display value), (How Does This Work?)
table-footer-group (display value), (How Does This Work?), (Do I have to change the source order?)
table-header-group (display value), (How Does This Work?), (Do I have to change the source order?)
table-layout (property), (Other Useful Table Properties)
table-row (display value), (How Does This Work?)
table-row-group (display value), (How Does This Work?)
tables, (Tables Do the Trick)
for layout, (Tables Do the Trick), (How Does This Work?)
other useful properties, (Other Useful Table Properties)
using CSS, (Using CSS Tables), (Considering Older Browsers), (Support for CSS Tables), (Option 1: Ignore Older Browsers), (Option 2: Provide a Simplified Layout), (Adding a Style Sheet for IE6 and 7), (But Why Not Stick with Floated Layouts?), (Greater Ease of Development), (Moving Forward), (CSS3 Grid Positioning Module), (Everything You Know about CSS Is Wrong)
template layout module, CSS3, (CSS3 Template Layout Module)
positioning elements into the slots, (Positioning Elements into the Slots)
template setup, (Setting up the Template)

V

vendor-specific extensions, (Other Multi-column Layout Properties)

W

WaSP, (To Hell with Bad Browsers)
web browsers
and CSS, (CSS and the Browser Wars)
Browser Upgrade Campaign, (To Hell with Bad Browsers)
development, (The Road Ahead)
support, (Support for CSS Tables)
vendor-specific extensions, (Other Multi-column Layout Properties)
version 4 browsers, (The Version 4 Browsers)
web browsers, older, (What about older browsers?), (Considering Older Browsers)
adding a style sheet for IE6 and 7, (Adding a Style Sheet for IE6 and 7)
design elements, (Premium Design Elements)
ease of development, (Greater Ease of Development)
floated layouts, (But Why Not Stick with Floated Layouts?)
ignore obsolete, (Option 1: Ignore Older Browsers)
reproduce layout with older techniques, (Option 3: Reproduce Your Layout with Older Techniques)
simplified layout, (Option 2: Provide a Simplified Layout)
support for CSS tables, (Support for CSS Tables)
web design, (The Grid’s the Thing), (CSS and the Browser Wars), (Our Part of the Bargain), (But Why Not Stick with Floated Layouts?)
(2D) grids, (The Grid’s the Thing)
grid layouts, (CSS Table Layout), (Greater Ease of Development)
making a perfect grid, (Making a Perfect Grid)
Web Standards Project, (Internet Explorer 8 Changes the Game)
World Wide Web Consortium (W3C), (Early Browser Support for CSS), (Internet Explorer 6 and the Long Sleep), (The Road Ahead), (Other Multi-column Layout Properties)

Y

Yahoo Graded Browser Support, (Support for CSS Tables)

 

About SitePoint

SitePoint specializes in publishing fun, practical and easy-to-understand content for Web professionals. Visit sitepoint.com to access our books, newsletters, articles and community forums.

Product Information

Features

Features

Published: October 2008

  • 7"x9" format
  • Entire contents of book in full color throughout!
  • Covers all modern browsers
  • Explains cutting-edge but usable CSS3 techniques

Expert Reviews

Making me think differently about CSS tables is Rachel's aim in Everything You Know About CSS Is Wrong! As we'll see, she does a damn fine job.

Andy Clarke forabeautifulweb.comforabeautifulweb.com

The sooner that IE8 can be adopted, the better, and these techniques can start to get a proper working out. Who knows, there may be a whole new raft of tricks that will arise as a result of these CSS table layout properties...

Ian Lloyd Accessify.comaccessify.com

Customer Reviews

Live, unmoderated reviews from our customers, typos and all.

I love this book. It goes at just the right pace and tells you just what you need to know. The approach they take in giving you a foundation of knowledge and skills is very well thought out.

Robert Nilson, USA 5 stars

I don't know why this product is still for sale. Everything I know about CSS is not wrong. It's up-to-date. Unlike this book, which was written in 2008.

Do not purchase this book.

Ryan Kinal, USA 0.5 stars

Never have been disapointed with any Book order from Sitepoint. And again exellent writing to the point Rachel and Kevin give great advise love the Book.

Armando Ming, USA 5 stars

Great book with lots of ideas and hints to get web pages working and looking good.

Richard Hanna, USA 4 stars

This books gave me a better insight on how to use CSS as a development tool instead of hacking styles like I usually do.

Curtis C James, USA 4 stars

I struggled with CSS in my college courses and this book has shown me just why! Easy to follow instruction. Great book!

Ann Magee, USA 5 stars

Enjoying it, thanks! Very clear and well laid out and at the level I need.

Razeen Davids, USA 4 stars

Great work on all the ebooks I bought with Sitepoint. Totally awesome, simplified, upto the point content.

Shravan Vaddiraj, USA 5 stars

This book is just stupid. Trying to apply CSS to Tables is like putting a Model T engine in an Indianapolis Race Car.
While we have all moved to CSS 3 this idiot is still dicking around with tables. I can't believe it, and the title is totally misleading.

John Beckman, USA 0.5 stars

Very encouraging and straightforward read, honestly stating flaws as well as benefits. But is the technique not a bit outdated by now or is it still well in use? Sorry for asking, I have not a lot of experience here.

Olaf Mueller, USA 4 stars

See More Reviews or Write Your Own

Download the FREE Sample!

Product Details


Everything You Know About CSS Is Wrong!

(+) Add book to cart

Edition: 1st
Price: $29.95
Pages: 130
ISBN: 978-0-9804552-2-9
Published: October 2008

Questions?

Claim Your PDF

Bought a SitePoint PDF? Download the PDF here.

Code Archive

Bought this SitePoint book? Download it's code archive for free.

SitePoint Books

  • advocate best practice techniques
  • lead you through practical examples
  • provide working code for your web site
  • make learning easy and fun

100% Money Back Guarantee

Editorial Reviews