Forum Moderators: open

Message Too Old, No Replies

Putting objects at the bottom of a SSI

         

RaefWolfe

2:00 pm on Jan 21, 2006 (gmt 0)

10+ Year Member



I want to have an image centered at the bottom of a SSI. Unfortunately, every time I include the code found here:

[webmasterworld.com...]

It's at the bottom of the page, not at the bottom of the SSI, no matter where I put the image. Also, when I use the code there, it's not centered; is there a way to do that?

I could use a bunch of "br" tags, but I would like to be able to have it be at the bottom of the page no matter what screen resolution a person is useing (at any higher than 800x600 the image would be floating randomly, rather than at the bottom).

To summarize, the code I'm useing is right if I want it centered for the whole page, but not for the SSI. I'm trying to find a way to center it at the bottom of a SSI.

tedster

3:39 pm on Jan 21, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you are using position:fixed, then the div will always end up at the bottom of the viewport. You can use position:absolute to have a div at the bottom of its containing element.

RaefWolfe

8:43 pm on Jan 21, 2006 (gmt 0)

10+ Year Member



That doesn't center it in the SSI, though.

tedster

11:52 pm on Jan 21, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'm trying to find a way to center it at the bottom of a SSI.

This will depend on what html is in the include -- if there is a container element, make that element position:relative. Then try <div style="margin:0,auto";width:200px;"> for the child element.

(The width measurement should be adjusted for your particular content.)

RaefWolfe

1:28 am on Jan 22, 2006 (gmt 0)

10+ Year Member



Now it's centered, but just below all my other content (though it's in the DIV)

RaefWolfe

1:28 am on Jan 22, 2006 (gmt 0)

10+ Year Member



I mean, in the SSI.

RaefWolfe

2:42 am on Jan 22, 2006 (gmt 0)

10+ Year Member



I fixed it. It was in a table and I just made a new table cell at the bottom of the others.