Re: CSS vs. Tables

IE is actually the one interpreting the css correctly. Divs are block level 
elements so there is supposed to be a hard return after each one. You can 
make it be an inline element by using display:inline though.

I managed to achieve what you were after (only in NS6 though, again because 
of not being able to say distance from the right in IE).
http://www.users.bigpond.net.au/tankgrrl/alignment.html

You can make absolutely positioned divs positioned according to the div 
wrapped around it, which in this case is relatively positioned, so would go 
into the flow of a site.

You can do something similar using float (same as going align="left") but 
you have to have them all floating left.
http://www.users.bigpond.net.au/tankgrrl/alignment2.html

This is a little unpredictable though because when you use percentages, it 
doesn't take into account the widths of borders and margins. If you were to 
do a fixed width table then it would work fine.

Kim
-----------------
www.funk-tion.com


>From: "Timothy Luoma" <elists@1stpc.org>
>To: "Madison M" <rllrgrrl@hotmail.com>
>CC: www-html@w3.org
>Subject: Re: CSS vs. Tables
>Date: Wed, 11 Apr 2001 23:37:42 -0400
>
>
> > The w3c is moving toward using tables just for tabular data, and
> > using CSS for layout, but they have a way to go yet to make it work
> > properly.
>
>Hasn't the w3c always wanted to avoid using tables for layout?
>
> > Though I did an experiment with doing a layout that imitated
> > frames but using only divs. It only works in NS6 though, as IE only
> > supports top and left for defining div position, not bottom
> > and right. that is, IE can only do fixed width div layouts.
> > (as far as I have been able to test)
>
>Thanks for the page.
>
>It gave me an idea.... "Could <div>s give me one line that has left-,
>center-, and right- aligned text?"
>
>Something like this:
>
>left                        center                   right
>
>
>(Which is something that I can only do using Tables, as far as I know)
>
>So I tried this (in Opera)
>
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
><html><head><title>absolute divs</title>
><style><!-- div	{ position:absolute } --></style></head>
><body>
><div align="left">left</div>
><div align="center">center</div>
><div align="right">right</div>
><br /><hr /><p>This is a test</p>
></body></html>
>
>
>It fails totally in IE (I don't have Netscape installed, so I can't say
>how it works there)
>
>http://www.peak.org/~luomat/misc/divtest.htm
>
>It'll be nice when we get to the point where we don't have to use
>tables for layout, but it's a long way away, unfortunately.
>
>TjL
>
>
>

_________________________________________________________________________
Get Your Private, Free E-mail from MSN Hotmail at http://www.hotmail.com.

Received on Monday, 16 April 2001 20:13:27 UTC