Napalm

2009-09-04

I need help aligning the facebook and myspace images at the bottom.

The background image of the girls aligns to the bottom right of the screen, and the logo floats. How do I get those 2 images at the bottom?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Coda Music <!-- /* commented backslash hack */ html, body{height:100%;} /* end hack */ html,body {margin:0;padding:0}

outer{

min-height:100%;
height:auto;
background: url(images/splashbig.jpg) no-repeat;
background-position: bottom right;
text-align:center;

} * html #outer{height:100%;}/* ie6 and under*/

wowbagger[tip]

2009-09-04

Not sure what you are trying to do. Is the backgroundimage supposed to scale the screen, and the img's to center across the bottom ?

   <other positioned elements />

<div style="position: absolute; height: 33px; width: 100%; bottom: 0px;">

    <div style="margin: 0 auto;">

                 <img src="images/myspace.gif" alt="" border="0" /><img src="images/facebook.gif" alt="Facebook" width="93" height="33" border="0" />

            </div>

</div>

Or does the background have a fixed size ? In that case I would just absolutely position all elements on it.

Napalm

2009-09-08

Thanks.... the client loved the idea of the background moving about until she saw the implementation.

Sorry, you must be a member to post to a conversation. Either log in or sign up to get involved.

Twelvestone — Front End

CSS question

Sign in

outer{

CSS question