[css-d] text-align: right
I am having a problem aligning text on the right. Oddly, my CSS works in
IE6/Win but is not working on Firefox. The website is
http://www.piedmont-div.org/ser2007/ . In the header, there is a Sponsor By
paragraph that should be right aligned. On Firefox, the text shows as left
aligned.
div id=sponsor
pSponsoredbrBy /p
a href=http://www.digitrax.com/;
img src=/ser2007/images/digitrax_logo.jpg alt=Digitrax, Inc.
/a
/div
Here is the area of the CSS
(http://www.piedmont-div.org/ser2007/css/styles.css) that effects this XHTML.
#header #sponsor {
float: right;
margin-right: 50px;
}
#header #sponsor p {
float: left;
padding: 5px 10px;
font-size: 1.1em;
font-weight: bold;
text-align: right;
}
#header #sponsor img {
position: static;
}I am not sure if the problem is related to all of the floats. Normally, I
would expect Firefox to show correctly and IE to have the problems. ;-)
Any help would be appreciated.
Scott
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text-align: right
i didn't look that close, but putting text-align in the #header
#sponsor area aligned it right when doing a quick live css edit.
#header #sponsor {
float: right;
margin-right: 50px;
text-align: right; /* i added this */
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text-align: right
Thanks. That seems to work. Can you tell me why I would need it on the in the
parent div instead of on the p tag?
Scott
#header #sponsor {
float: right;
margin-right: 50px;
text-align: right; /* i added this */
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text-align: right
Scott Povlot wrote: Thanks. That seems to work. Can you tell me why I would need it on the in the parent div instead of on the p tag? I don't think you should. Looks like a Firefox bug to me. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
