Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
CSS & HTML: can someone help me with coding? how would you do this? xhtml and css design...
Bottom of Page1 to 2 of 2
-
Hello,
You all were so helpful the last time I had a problem, I figured I'd come back for some suggestions on something else. I'm working on a Wordpress theme here:
http://www.littlebitdifferent.com/wordpressfordev/
I guess I'm having a bit of a "brain fart", but I can't for the life of me decide how to do this. The menu/sidebar is meant to sort of be behind the header and footer so that the jagged darker edges of the header and footer overlap and are on top of the menu a bit so there's no white between them. How would you go about accomplishing that? The header and footer images are transparent png's. If I don't specify heights for the header and footers, then they won't show the whole of the images. But then when I do specify the height, there's obviously some white space because of the jagged edges....
Any help/suggestions would be greatly appreciated. -
- CommentAuthoraxe_sosharp
- CommentTimeJan 27th 2008 edited
Adding the following style rules works in Firefox:
div.header, div.footer {
position:relative;
z-index:2;
}
div.sidebar {
margin-top:-10px;
margin-bottom:-10px;
padding-top:10px; /* Add some space before the search box */
}
Basically you put the header and footer in a layer above the side bar. Then collapse the top & bottom margins so the sidebar slides underneath.
Good luck
John
1 to 2 of 2