You need float: right on the box, not text-align.

The way CSS works is that you float on the object, and text-align objects
within the object.

<!----------------//------
andy matthews
web developer
certified advanced coldfusion programmer
ICGLink, Inc.
[EMAIL PROTECTED]
615.370.1530 x737
--------------//--------->

-----Original Message-----
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 10:03 AM
To: CF-Talk
Subject: CSS help


I'm having some trouble with CSS.

I'd like to right align a 400px box to the right side of my page, and I
want to LEFT align the text in the page.  I've got it working in IE, but
not Firefox.

Here's the URL:

https://www.cfr.duke.edu/new.cfm?showNewTemplate=1

The specific CSS:

        #headerWrapper {
                text-align: right;
                margin-bottom: 25px;
        }
        #header {
                width: 400px;
                text-align: left;
                padding-bottom: 5px;
                border-bottom: 1px dotted #cccccc;
        }


And the HTML code:

<div id="headerWrapper">
<div id="header">
<h1><cfoutput>#PAGE_TITLE#</cfoutput></h1>
<a class="orange" href="/">Corporate & Foundation Relations Homepage</a>
</div></div>

What do I need to do here?

Rick



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting,
up-to-date ColdFusion information by your peers, delivered to your door four 
times a year.
http://www.fusionauthority.com/quarterly

Archive: 
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:249985
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Reply via email to