1 Positioning element on header Fri Feb 12, 2010 11:39 pm
improviser
Registered Member
I've tried to use this code:
But absolute div counts % from the left side of the SCREEN to the right, it means that on every other resolution width the image will be placed on the other place.
I'm trying to set the div so it shows up on the same place for every screen resolution.... It would be nice when i could type left:50%+350px; but it can't be done xD
So i need an alternative, probably something i'm yet not aware of... Are there any opinions ?
BTW I'm using invision for my forum, so i can't add it with template editing... only in widgets/homepage message...
65% left will do fine, but i just want to know if theres any other option ?
On 1600x1200 the image is placed on totally wrong place, and it sticks out of the header... about 5-6 cm
- Code:
<div align="center" style="position:absolute; top:40px; left:65%; width:293px; height:126px;"><a href="http://www.team-xenon.com/sponzorstvo-h1.htm"><img src="http://i61.servimg.com/u/f61/11/81/90/13/sponzo10.png" width="293" height="126" border="0"/></a></div>
But absolute div counts % from the left side of the SCREEN to the right, it means that on every other resolution width the image will be placed on the other place.
I'm trying to set the div so it shows up on the same place for every screen resolution.... It would be nice when i could type left:50%+350px; but it can't be done xD
So i need an alternative, probably something i'm yet not aware of... Are there any opinions ?
BTW I'm using invision for my forum, so i can't add it with template editing... only in widgets/homepage message...
65% left will do fine, but i just want to know if theres any other option ?
On 1600x1200 the image is placed on totally wrong place, and it sticks out of the header... about 5-6 cm