Try doing this:
#headerWrapper {
/* Position the wrapper relatively. */
position: relative;
margin-bottom: 25px;
/* Because next element is ABSOLUTELY positioned... You will need to
set an explicit height on the wrapper (for page layout) */
height: 75px ;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cccccc;
/* Position the header to be RIGHT inside the wrapper (0px)
*/
position: absolute ;
right: 0px ;
}
.......................
Ben Nadel
Web Developer
Nylon Technology
350 7th Avenue
Floor 10
New York, NY 10001
212.691.1134 x 14
212.691.3477 fax
www.nylontechnology.com
"Some people call me the space cowboy. Some people call me the gangster of
love."
-----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:249995
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
