On Fri, 13 Feb 2009 12:33:41 -0800 (PST), Fractal Moonshine wrote:
> I have validated both the XHTML and the CSS at W3C for this page:
>
> http://www.marketstreetsingers.org/posters/css/index.html
>
> How can I get the photo, div id="frontpagephoto", to be horizontally
> centered, below the logo and the menu? And, how can I get the black border
> around it again? For some reason, that stopped working when I made the logo a
> background image, instead of a part of the header.
>
It's because the logo was probably floated, pushing the image in H1
to the right. This offset the menu that's on the right, which still
pushes the image left.
One solution, not optimal though, is to change the menu UL from
a float to absolute positioning, so it does not affect that central image.
Try:
#header {position: relative;}
#header ul {
/* float: right; <-- delete */
position: absolute;
right: 0; top: 4.5em;
}
h1 img {
border: 1px solid #000;
}
May need adjusting in IE 6 - my multi-IE setup is messed up at the
moment, but IE 8 in quirks mode is off. (IE 5.5 equivalent?)
Cordially,
David
--
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
