Welcome, Guest
Please Login or Register.    Lost Password?

Transparent Bliss 2 foreground position over bg
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Transparent Bliss 2 foreground position over bg
#3076
Transparent Bliss 2 foreground position over bg 2 Years, 7 Months ago Karma: 0
Hi,

I want to superimpose an image in my content fairly accurately over the background.

I have discovered that the bg position has to be 50% 50% to keep it in position horizontally when I resize the browser window.

The problem now is that the page is shown at slightly different vertical position relative to the bg on Firefox and IE(8)

Your Transparent Bliss demo also shows this difference, though Trans Bear does not.

Can you suggest how I can fix this?

thanks,
jb

edit: I tried to attach pics, then 1 combined pic but it didnt stick.
Comparing the pictures, it seems to be the background picture displayed in a different position
jbudd
Fresh Boarder
Posts: 2
graphgraph
User Offline Click here to see the profile of this user
Last Edit: 2009/10/10 21:12 By jbudd.
The administrator has disabled public write access.
 
#3078
Re: Transparent Bliss 2 foreground position over bg 2 Years, 7 Months ago Karma: 41
Have you tried:

background-position:center center;
Big Bear
Administrator
Posts: 1004
graph
User Offline Click here to see the profile of this user
Joomla Templates
The administrator has disabled public write access.
 
#3080
Re: Transparent Bliss 2 foreground position over bg 2 Years, 7 Months ago Karma: 0
Thanks Big Bear, yes center center works better than 50% 50%!

The foreground still shifts around in some circumstances eg switching between full screen and a window. I think I'll have to insert my logo into the background picture and have a fully transparent image in the foreground to overlay it.
jbudd
Fresh Boarder
Posts: 2
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
Moderators: Support
 
JOOMLA TEMPLATES Joomla Templates By JoomlaBear