Normally underneath the main menu in elegance there is a dark green layer - which is good because the menu is more visible.
In my version of the skin the layer disappeared. At first I assumed that was my fault, that I mucked something up editing the skin. Then I restored the original version of the skin but the layer is still missing. Moreover it is not only on my site.
My site: http://www.hp-slash.yoyo.pl/index.php?skin=Elegance
Example with the layer intact: http://www.svufiction.com/index.php?skin=elegance
To hazard a guess, i woudl say the guilty culprit here is the ad that is sitting right on top of it, and the little javascript thing in the top right corner that is throwing something out of alignment. Having a look at all the other skins, they are all having issues with the header area as well.
why is nothing ever easy?
url: http://www.pretendercentre.com/missingpieces/
php: 5.2.5 msql: 5.0.45-community
efic version: 3.4.3 latest patches: yes
bridges: none mods: challenges, displayword, beta-search
But I'm sure that at the very beginning the skin worked just fine. And the ads on yoyo.pl are nothing new. I remember visiting Kali's site when I was looking for skins - her elegance looks the same as mine. No green background under the menu. The thing is elegance is one of my favorite and I'm not happy with the prospect of deleting it if I can't improve it.
Do what Jacci said and remove the banner ads and see if the problem is fixed. Elegance uses absolute positioning for the menu tab and I think your banner ads are moving the tab behind the content div. If it does fix it, I'll help you figure out how you can fix it. If it doesn't fix it, we at lease have eliminated a potential source.
The thing is I can't remove this stupid ad. Guys from yoyo.pl made sure of that. This situation sucks. You are being so helpful and I can't do a thing.
You might be able to try wrapping it in it's own div and forcing it down under tha banners. Carissa says that this skin is based on absolute positioning, then a little rewriting might be able to get the div that controls that into a relative position, so that the whole lot will just bounce down under their banners.
why is nothing ever easy?
url: http://www.pretendercentre.com/missingpieces/
php: 5.2.5 msql: 5.0.45-community
efic version: 3.4.3 latest patches: yes
bridges: none mods: challenges, displayword, beta-search
Since I wrote the skin, I can say this and not feel guilty. The CSS in the elegance skin is terrible. (Well, it's actually not bad, but not good for customization.) I should really just redo it and be done with it. Try wrapping the entire page in a container div . Be sure to close the div in the footer.tpl.
The header should look like this:
<!-- START BLOCK : header -->
<body>
<div id="{page_id}">
<div id="container">
<div id="bannerback">
<div id="banner">
<h1>{sitename}</h1>
<h2>{slogan}</h2>
</div> <div id="skin">{skinchange_content}</div>
<div id="rss">{rss}</div>
</div>
{menu_content}
<div id="mainpage">
<!-- END BLOCK : header -->
The footer like this:
<!-- START BLOCK : footer -->
</div>
<div id="footer">{footer}</div>
</div>
</body>
</html>
<!-- END BLOCK : footer -->
And add this to your stylesheet
#container {position: relative;}
Which is basically what Jacci said but you need the whole page to use relative positioning.
I tried something simpler before I saw this post and now I bouncing and shouting "I did it!".
Thanks for your help - I just copied the source of my page and compared it with a source of a properly working elegance on some random site. Then I noticed that this good one uses unordered list in menu and mine doesn't. I deleted the {menu_content} and added every menu item as a separate list item.
Thanks for your time and support.
