#headerWrapper {
float: right; // Change this!
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cccccc;
}
Float the wrapper to the right. Text-align only works on the inline text
within the div, not on the div itself.
Sandra Clark
==============================
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
CSS HANDS ON
New York City, October 10-13, 2006.
http://www.shayna.com/index.cfm?fuseaction=training.syllabus_display&id=1
Read an interview regarding my CSS Hands on Class at
http://www.shayna.com/index.cfm?fuseaction=blog.display_entry&id=140
-----Original Message-----
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 11: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:249992
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
