[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: CSS Alignment question.

Subject: Re: CSS Alignment question.
From: Errol Sayre <email@hidden>
Date: Fri, 7 Jul 2006 14:56:00 -0500
Delivered-to: email@hidden
Delivered-to: email@hidden

I use something like that on our dept website (http://www.olemiss.edu/ depts/research/)...

Using the float attribute I had to place the outside column div tags before the center div tag like so.

<style type="text/css" media="all">
<!--
	div.footer
	{
		width: 100%;
		clear: both;
	}
	div.footer div.left
	{
		float: left;
		width: 33%;
		text-align: left;
	}
	div.footer div.right
	{
		float: right;
		width: 33%;
		text-align: right;
	}
	div.footer div.center
	{
		margin-left: 33%
		margin-right: 33%;
		text-align: center;
	}
-->
</style>
<div class="footer">
	<div class="left">left</div>
	<div class="right">right</div>
	<div class="center">center</div>
</div>

Please note that I assumed the labeling in your table was mistaken and that by CSS you meant div tags with appropriate styling.

You can also use the "display: table-row" attribute and the like, but I've found it's not as compatible for my purposes. Remember that the floats cause you to use the side columns before the middle columns, you could also use all floats and specify the appropriate widths, but again, I've found that this is the best solution for a 3 column block.

Errol

On Jul 7, 2006, at 2:37 PM, Lee Hinde wrote:

Hi;

I'm looking for the CSS that would replicate this functionality:

	<table width = "100%">
		<tr><td align"left">left</td><td align="center">right</td><td
align="right">center</td></tr>
	</table>

The purpose is to format a page footer.

Thanks.

--
Mark Twain: "What gets us into trouble is not what we don't know. It's
what we know for sure that just ain't so."
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Web-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/web-dev/email@hidden

This email sent to email@hidden


_______________________________________________
Do not post admin requests to the list. They will be ignored.
Web-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/web-dev/email@hidden

This email sent to email@hidden

References:
	>CSS Alignment question. (From: "Lee Hinde" <email@hidden>)

Prev by Date: RE: CSS Alignment question.
Next by Date: Out of office
Previous by thread: RE: CSS Alignment question.
Next by thread: Web development software question.
Index(es):
- Date
- Thread

Home