html/css coding for div overlays. |
html/css coding for div overlays. |
![]()
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 :) |
|
|
![]() |
![]()
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 |
|
|
![]()
Post
#3
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 ![]() |
|
|
|
![]()
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? |
|
|
![]()
Post
#5
|
|
Member ![]() ![]() Group: Member Posts: 10 Joined: Feb 2008 Member No: 624,564 ![]() |
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? |
|
|
![]()
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. |
|
|
![]()
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.
|
|
|
![]() ![]() |