Log In · Register

 
positioning help
shynomi
post Mar 13 2010, 07:24 PM
Post #1


Senior Member
****

Group: Member
Posts: 123
Joined: Nov 2008
Member No: 698,881



My headers are always off by 1 px either in safari or FF. I can get it right in IE and FF but it'll be off by a pixel in Safari or vice versa.

Here is my code for the top header:

CODE
<div id="BannerUnderTopNav" style="position:absolute; z-index:2; margin-left:-346px;  _margin-left:-333px; top: 0px; background-color:COLOR; background-image:URL(http://i382.photobucket.com/albums/oo268/dygynomi/2010%20THOSE%20VICTORIOUS/header1.jpg); background-repeat: no-repeat; background-position: bottom center; width:823px; height:2017px; overflow:no;}">

</div>


I have the _margin-left: xxx for IE and the other margin attribute for FF and Safari.
But as you can see here: http://www.myspace.com/frucatestpage

it'll be a px off in FF but right in safari.

Let me know if there's something I can add in the code to fix that.
Thanks guys!
 
 
Start new topic
Replies
shynomi
post Mar 22 2010, 09:17 AM
Post #2


Senior Member
****

Group: Member
Posts: 123
Joined: Nov 2008
Member No: 698,881



Yea photobucket pro is a lot better than they used to be.
Well I'm way under experienced it seems for trying to do this, i'm basically starting over in essence. I had gotten used to my old code and that was a year's working effort ha. This way seems way smarter so just in the process of trying to figure out how this works. Is there any tutorials recommended around this idea?

 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: