The Wayback Machine - https://web.archive.org/web/20090225164250/http://www.webreference.com:80/html/tutorial19/1.html


spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / html / tutorials / 19 / 1

index123456

Tutorial 19: CSS Positioning, Part II

Developer News
Apple: Safari Is Faster and Drives Standards
Microsoft Proposes a More Secure Browser
Borland Unwraps Real-Time Code Check Inspector

How to do it by the Book

The technique I'm about to describe is, in many ways, a bit of a hack. It is not an outright hack, by which I mean it does not abuse strange functionality to achieve a desired effect that is otherwise impossible, it simply is a less-than-perfect way of doing things.

You see, in an ideal world, what you would use to create multiple columns in page layout is CSS floating boxes. We haven't discussed floating boxes yet, but they're next in the agenda. The problem with floating boxes is that there are so many bugs in their implementations by both Netscape and Microsoft in current browsers that it's impossible to use them. You can either comply to the spec, make it work with Navigator, or make it work with Internet Explorer, but not all three. And what we try to do here in HTML with Style is make things work with browsers and comply to the spec.

There is a browser that can handle such layouts correctly, and that's Mozilla. Since Mozilla is still in the Alpha stage, however, and most people will be using the buggy browsers to view your pages, giving you the technique would be a merely philosophical excercise. When we examine floating boxes (which are useful, even today, for other things) we'll see how they could be used, in Mozilla, to achieve better layouts.

index123456

http://www.internet.com/

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info
Copyright 2009 WebMediaBrands Inc. All Rights Reserved.

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
Django for the Impatient: The Finishing Touches · Creating Custom Error Pages on Apache Servers · Django for the Impatient: Blog Building Basics
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
First Steps to Virtual Enlightenment · LightEdge Offers Bundled Unified Communications for SMBs · Review: Fujitsu LifeBook A6210 Notebook PC

Legal Notices.

URL: http://www.webreference.com/html/tutorial19/1.html

Produced by Stephanos Piperoglou
Created: March 08, 2000
Revised: August 15, 2000

Morty Proxy This is a proxified and sanitized view of the page, visit original site.