cj wrote:
>[cj]- how can i move my background globe picture up 1-2em so that it
>clears the footer? it needs to stay on the body element(?), though.
>
>
>
>[francky] - body {background: transparent url(graphics/bg-service-1.png)
>no-repeat
>fixed right 80%; }
>
>
>
>if i use a percent, resizing the window makes the globe appear in
>different vertical places instead of right next to the footer. i know
>exactly how far from the bottom i'd like the background image to be,
>but i don't think i'm allowed to do this:
>
>body {background: transparent url(graphics/bg-service-1.png) no-repeat
>fixed right (bottom-2em);
>
>
Oops, the % was in the direction, but I was too much in a hurry. - A
(bottom-2em) is indeed impossible AFAIK, but what you can do is to hang
the bg-img in the footer, and then push him upwards:
= = =
#world {
position: absolute;
width: 350px;
height: 329px;
right: 5px;
margin-top: -340px;
z-index: 0;
}
= = =
<div id="ctl00_divFooterInside" class="footer-inside">
<div id="world"><img
src="http://sltclan.com/images/cj/graphics/bg-service-1.png"; alt="" />
</div>
<ul>
<li>(123) 456-7890</li>
<li><a id="ctl00_aContact" href="../site/contact.aspx">Contact
Us</a></li>
<li><a id="ctl00_aSiteMap" href="../site/sitemap.aspx">Site
Map</a></li>
</ul>
</div>
= = =
Now the globe is on top - you can get him to the background by adding
"more foreground" (z-index) to the "super-container" of the whole page:
= = =
.master-form {
z-index: 1;
}
= = =
See test page
<http://home.tiscali.nl/developerscorner/css-discuss/z-index-problem-nw.html>.
(style additions just before the </head>)
Then the "disappeared tabs" in FFox. That seems to be caused by the
{margin-top: -1.5em} of the .service-menu. Adding a bg-color to the
.menu-inside, and giving some less negative margin-top shows that the
service-menu box with the tabs is falling under the menu-inside container.
I guess that is because of the float / clear operations. Giving a
z-index to the tabs doesn't work.
Giving absolute position to the content-box can help (assuming
everything above has a certain known height, at least in em).
Succes and greetings,
francky
ps1:
Remaining problem: in FF the red bottom line of the content does only
show after hovering over the tabs (!). I don't know why, I didn't see a
relationship in the css (but the css is rather complicated for me).
ps2:
And an other possibility perhaps. - The system is now:
LOGO (float-left) + <first menu>
--------------------------------- (clear)
<Content-box>
<tabs-menu>
<other content>
Isn't it possible to separate the tabs-menu from the content-box? and
place it like:
LOGO (float-left) + [right-aligned <first menu> + just in next
line <tabs-menu>]
------------------------------------------------------------------------------(clear)
<Content-box>
<other content>
ps3:
The SlayerOffice.com Favelet Suite is a ***** tool. Thanx for hint !
f
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![http://sltclan.com/images/cj/graphics/bg-service-1.png"](http://sltclan.com/images/cj/graphics/bg-service-1.png"){kind=link}