Log In · Register

 
html/css coding for div overlays.
imasharkbear
post Feb 16 2009, 01:06 AM
Post #1


Member
**

Group: Member
Posts: 10
Joined: Feb 2008
Member No: 624,564



I design band layouts.
There is a few bands that have asked me to do some sort of DIV OVERLAY code.
I tried and it never works in different browsers.

Heres a few examples of bands that have this code.
(look at the members and info section)
http://www.myspace.com/letsgetit
http://www.myspace.com/tdwp

Basically, I just need some help on how to get a div overlay code (if that is even what it is) to be compatible on all browsers.

Thanks :)
 
 
Start new topic
Replies (1 - 6)
emberfly
post Feb 16 2009, 01:14 AM
Post #2


kthxbai
******

Group: Official Designer
Posts: 2,832
Joined: Feb 2008
Member No: 621,203



most, if not all of the myspace layouts on this site are div overlays. I'm pretty sure there's a tutorial on here somewhere...

Schizo has one :D

http://www.atomicaffliction.com/coding3.php
 
manny-the-dino
post Feb 16 2009, 01:16 AM
Post #3


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



Moved to Myspace Support

Take a look at this topic.
 
Firiath
post Feb 16 2009, 02:34 AM
Post #4


Onen i-Estel Edain, ú-chebin estel anim.
*****

Group: Official Designer
Posts: 425
Joined: May 2008
Member No: 653,128



Erm... Do what they said :D
Maybe a link to your current testing layout?
And which different browsers do they not align in?
 
imasharkbear
post Feb 16 2009, 02:51 AM
Post #5


Member
**

Group: Member
Posts: 10
Joined: Feb 2008
Member No: 624,564



QUOTE(xzkdxrawrx @ Feb 15 2009, 11:34 PM) *
Erm... Do what they said :D
Maybe a link to your current testing layout?
And which different browsers do they not align in?



Yeah, I've done all that.
It's just a simple DIV code and in one browser it'll be perfect in another it'll be messed up.
Isn't there a cross-browser code or something?
 
Mickey
post Feb 16 2009, 08:20 AM
Post #6


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



There's the 50% left margin method. Set the left margin to 50% then add a margin-left attribute for precise positioning, like this:

CODE
left:50%; margin-left:-#px;

Just replace the pound symbol with a specific value according to where you want to place your DIV's. You can remove the minus sign, too, if you want to move the DIV to the right as opposed to the left. That should make it compatible in most, if not all major browsers.
 
tokyo-rose
post Jul 16 2009, 05:27 PM
Post #7


Senior Member
********

Group: Head Staff
Posts: 18,173
Joined: Mar 2005
Member No: 108,478



Topic Closed, and Moved to Myspace Resolved Topics. Please PM a moderator if you would like this reopened.
 

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