CSS Help Please for Text Alignment

Motorsports

I am trying to do the simplest thing but struggling - would be most grateful for another pair of eyes!

I am using the 'entire site' customisation to add HTML & CSS to add a copyright message at the bottom of the page that stays fixed. This works perfectly .... except that I cannot get it to align right which is what I want.

html:

<div id="copyright" style="text-align:right;">
© blah blah etc
</div>

css:

#copyright {
background: #000;
background-color: rgba(0, 0, 0, 0.4);
padding: 3px;
position: fixed;
bottom: 10px;
font-size: .8em;
color: #fff;
text-align: right;
margin-right: 36px;
margin-left: 36px;
filter: alpha(opacity=70);
}

If I use this in a straight web page it works as expected with the message right aligned. But not in smugmug. I am using a stretchy smugmug layout - is there some limitation preventing this from working? You'll see that I have the align statement on both the html and the css but either or still does not work.

Just to explain, I have my header pinned and so can't use the standard footer and pin that. I'd like the copyright message to be visible all the time on every page at the bottom.

Hikin' Mike

Is your site unveiled, and if so, what is the url?

Motorsports

Hikin' Mike wrote: »

Is your site unveiled, and if so, what is the url?

It is ... but still a bit of work to do http://photos.gridshots.com

Hikin' Mike

You might try adding 'width:100%;' to your CSS.

Motorsports

Thanks Mike!

That was key (though I admit I don't understand why it needs the width). That works although now it won't respect the right margin. But I've put it at centre for now because it lines up better with some other pages Im working on and I'll come back to this later.

Thanks again for your advice. What a lovely forum this is!

steperenko

I wanted to experiment and entered your CSS and HTML onto my website thinking that I can easily remove/modify the content block, but not so - I have a long line with my copy right name going across the screen ( but not on the bottom of the screen - it follows when I scroll). I cannot access the content block, I think I placed it on Powered by smugmug and my HTML window does not have a separate block. Now what?

Motorsports

Steperenko

In my case although the block is at the bottom when I go to customise/entire site the editable block is actually shown at the top of the page - its nowhere near what I see on the screen. You may have to hunt for it