Home Page Icon
Home Page
Table of Contents for
Index
Close
Index
by Rachel Andrew, Kevin Yank
Everything You Know about CSS is Wrong!
Everything You Know About CSS Is Wrong!
Preface
1. The Problem with CSS
2. CSS Table Layout
3. CSS Table Solutions
4. Considering Older Browsers
5. The Road Ahead
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
5. The Road Ahead
Index
A
absolute positioning,
Tables Do the Trick
,
Absolute Positioning
,
Problems with This Technique
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
,
Rules for the Creation of Anonymous Table Elements
,
What’s going wrong with these anonymous table elements?
,
What’s going wrong with these anonymous table elements?
creation rules,
Rules for the Creation of Anonymous Table Elements
,
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?
,
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
,
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
,
Creating a Grid with Columns and Column-gap Properties
multi-column layout properties,
Other Multi-column Layout Properties
,
Other Multi-column Layout Properties
multiple equal-width,
Multiple Equal-width Columns
,
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
,
Internet Explorer 6 and the Long Sleep
,
What about older browsers?
display property,
CSS Table Layout
,
How Does This Work?
,
Putting Principles into Practice
,
Putting Principles into Practice
everything you know is wrong,
Everything You Know about CSS 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?
,
Can CSS tables be nested?
page layout,
CSS and the Browser Wars
,
Internet Explorer 6 and the Long Sleep
,
How Does This Work?
,
Is the source order really a problem?
,
Greater Ease of Development
table layouts,
CSS Table Solutions
tables,
Using CSS Tables
,
Other Useful Table Properties
,
Anonymous Table Elements
,
Other Useful Table Properties
,
CSS Table Solutions
,
What about older browsers?
,
Considering Older Browsers
,
Support for CSS Tables
,
History Repeats
,
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
,
Putting Principles into Practice
absolute positioning,
Absolute Positioning
,
Problems with This Technique
technique problems,
Problems with This Technique
,
Problems with This Technique
floated layout,
Floated Layout
,
Problems with This Technique
technique problems,
Problems with This Technique
,
Problems with This Technique
making a perfect grid,
Making a Perfect Grid
,
Making a Perfect Grid
putting principles into practice,
Putting Principles into Practice
,
Putting Principles into Practice
using CSS tables,
Using CSS Tables
,
Rules for the Creation of Anonymous Table Elements
using current layout techniques,
Using Current Layout Techniques
,
Problems with This Technique
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
,
Everything You Know about CSS Is Wrong
column-gap properties,
Creating a Grid with Columns and Column-gap Properties
,
Creating a Grid with Columns and Column-gap Properties
gr value,
Positioning Elements on the Grid: the gr Value
,
Positioning Elements on the Grid: the gr Value
grid positioning module,
CSS3 Grid Positioning Module
,
Positioning Elements on the Grid: the gr Value
grid with columns properties,
Creating a Grid with Columns and Column-gap Properties
,
Creating a Grid with Columns and Column-gap Properties
grid-columns properties,
The grid-columns and grid-rows Properties
,
The grid-columns and grid-rows Properties
grid-rows properties,
The grid-columns and grid-rows Properties
,
The grid-columns and grid-rows Properties
multi-column layout module,
CSS3 Multi-column Layout Module
,
Other Multi-column Layout Properties
multi-column layout properties,
Other Multi-column Layout Properties
,
Other Multi-column Layout Properties
multiple equal-width columns,
Multiple Equal-width Columns
,
Multiple Equal-width Columns
positioning elements in the slots,
Positioning Elements into the Slots
,
Positioning Elements into the Slots
positioning elements on the grid,
Positioning Elements on the Grid: the gr Value
,
Positioning Elements on the Grid: the gr Value
template layout module,
CSS3 Template Layout Module
,
Positioning Elements into the Slots
template setup,
Setting up the Template
,
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?
,
Can CSS tables be used to create flexible layouts?
floated blocks,
Tables Do the Trick
floated layout (page layout),
Floated Layout
,
Problems with This Technique
,
Can CSS tables be nested?
floated layouts,
But Why Not Stick with Floated Layouts?
,
Greater Ease of Development
G
gr value,
Positioning Elements on the Grid: the gr Value
,
Positioning Elements on the Grid: the gr Value
grid positioning module, CSS3,
CSS3 Grid Positioning Module
,
Positioning Elements on the Grid: the gr Value
grid with columns properties,
Creating a Grid with Columns and Column-gap Properties
,
Creating a Grid with Columns and Column-gap Properties
grid, positioning elements,
Positioning Elements on the Grid: the gr Value
,
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
,
The grid-columns and grid-rows Properties
grid-rows properties,
The grid-columns and grid-rows Properties
,
The grid-columns and grid-rows Properties
grids, two-dimensional (2),
The Grid’s the Thing
,
The Grid’s the Thing
H
hasLayout,
Problems with This Technique
HTML tables,
The Grid’s the Thing
,
Tables Do the Trick
,
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 6 and the Long Sleep
,
Internet Explorer 8 Changes the Game
,
Our Part of the Bargain
,
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
,
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
,
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
,
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 6 and the Long Sleep
,
Internet Explorer 8 Changes the Game
,
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
,
Other Multi-column Layout Properties
multi-column layout properties,
Other Multi-column Layout Properties
,
Other Multi-column Layout Properties
multiple equal-width columns,
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?
,
Can CSS tables be nested?
Netscape,
Early Browser Support for CSS
,
The Version 4 Browsers
Netscape 4,
The Version 4 Browsers
,
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
,
Problems with This Technique
adding a style sheet for IE6 and 7,
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
,
Problems with This Technique
floated layout,
Floated Layout
,
Problems with This Technique
,
But Why Not Stick with Floated Layouts?
,
Greater Ease of Development
multi-column layout module,
CSS3 Multi-column Layout Module
,
Other Multi-column Layout Properties
multi-column layout properties,
Other Multi-column Layout Properties
,
Other Multi-column Layout Properties
reproducing with older techniques,
Option 3: Reproduce Your Layout 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
,
Adding a Style Sheet for IE6 and 7
R
rowspan,
Do CSS tables support the colspan and rowspan attributes?
,
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?
,
Is the source order really a problem?
style sheets
adding for IE6 and 7,
Adding a Style Sheet 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?
,
How can I position elements within a table cell?
table elements,
How Does This Work?
anonymous,
Anonymous Table Elements
,
Rules for the Creation of Anonymous Table Elements
,
What’s going wrong with these anonymous table elements?
,
What’s going wrong with these anonymous table elements?
positioning,
How can I position elements within a table cell?
,
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
,
Tables Do the Trick
for layout,
Tables Do the Trick
,
Tables Do the Trick
,
How Does This Work?
other useful properties,
Other Useful Table Properties
using CSS,
Using CSS Tables
,
Other Useful Table Properties
,
Considering Older Browsers
,
Support for CSS Tables
,
History Repeats
,
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,
Positioning Elements into the Slots
,
Positioning Elements into the Slots
template setup,
Setting up the Template
,
Setting up the Template
V
vendor-specific extensions,
Other Multi-column Layout Properties
,
Other Multi-column Layout Properties
W
WaSP,
To Hell with Bad Browsers
web browsers
and CSS,
CSS and the Browser Wars
,
Internet Explorer 6 and the Long Sleep
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
,
The Version 4 Browsers
web browsers, older,
What about older browsers?
,
Considering Older Browsers
,
Moving Forward
adding a style sheet for IE6 and 7,
Adding a Style Sheet for IE6 and 7
,
Adding a Style Sheet for IE6 and 7
design elements,
Premium Design Elements
,
Premium Design Elements
ease of development,
Greater Ease of Development
,
Greater Ease of Development
floated layouts,
But Why Not Stick with Floated Layouts?
,
Greater Ease of Development
ignore obsolete,
Option 1: Ignore Older Browsers
,
Option 1: Ignore Older Browsers
reproduce layout with older techniques,
Option 3: Reproduce Your Layout with Older Techniques
,
Option 3: Reproduce Your Layout with Older Techniques
simplified layout,
Option 2: Provide a Simplified Layout
,
Adding a Style Sheet for IE6 and 7
support for CSS tables,
Support for CSS Tables
,
History Repeats
web design,
The Grid’s the Thing
,
CSS and the Browser Wars
,
Our Part of the Bargain
,
But Why Not Stick with Floated Layouts?
,
Greater Ease of Development
(2D) grids,
The Grid’s the Thing
grid layouts,
CSS Table Layout
,
Greater Ease of Development
making a perfect grid,
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
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset