Hello all. I have a very annoying problem with my band's MySpace page. It's DIV heavy, of course, and I've usually been able to correct problems like these by just messing endlessly with the code, but this problem just won't go away.
All the DIVs are in their proper place in both Internet Explorer and Firefox, but we have a video in a DIV on our page that just WILL NOT load in the right place in Firefox or Safari. Looks perfect in Internet Explorer.
Here is a link: http://www.myspace.com/atlhog
I know browsers read things differently, but all the other DIVs on the page load fine in both browsers, but nothing I do to this particular DIV seems to make it go into the right place in Firefox or Safari.
I have highlighted in red the code that directly applied to the problem DIV.
Here is my Bio code:
<style>
body {margin-top:1270px;}
div.topbanner {position: absolute; top: -0%; left: 50%; width: 808px; margin-left: -407px;}
</style>
<style type="text/css">
table, td {
background-color:transparent;
border:none;
border-width:0;}
</style>
<style>
.friendSpace {width: 380px; position:relative; left:-185px; top:2160px;}
.friendsComments {position:relative; left:30px; top:2160px;}
</style>
<style>
.myTclassFC table {position:absolute; left:50%; top:2000px; margin-left:-50px; _margin-left:-60; border:3px silver solid}
</style>
<style type="text/css">
object {position:relative; top:670; left:-30px; z-index:6;}
</style>
<style type="text/css">.profileInfo {display:none;}</style>
<style type="text/css">.contactTable { display: none }</style>
<style type="text/css">.interestsAndDetails {display:none;}</style>
<style type="text/css">.blurbs {display:none;}
</td></tr></table><table style="display:none"><tr><td></style>
<style type="text/css">.latestBlogEntry {display:none;}</style>
<style type="text/css">.userProfileURL {display:none;}</style>
<style type="text/css">.userProfileDetail {display:none;}</style>
<style>div div table tr td a.navbar, div div table tr td font {display: none;}
table {background:990033;border:0px;}
body {
background-color:000000;
background-image:url("http://www.atlhog2.homestead.com/atlhogbg.jpg");
background-position:center;
background-repeat:repeat;
background-attachment: fixed;
border-width:0px;
border-color:1c1c1c;
border-style:solid;
}
.blankslate{
position:absolute;
top:1493px;
left:50%;
margin-left:-400px;
width:800px;
height: 728px;
z-index:0;
padding:0px;
border:0px solid black;
background-color:000000;
background-image:url("http://www.atlhog.homestead.com/header.jpg");
}
.topadd{
position:absolute;
top:1065px;
left:50%;
margin-left:20px;
width:235px;
height: 38px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:000000;
}
.topsend{
position:absolute;
top:1105px;
left:50%;
margin-left:20px;
width:254px;
height: 35px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:000000;
}
.topcomment{
position:absolute;
top:1135px;
left:50%;
margin-left:20px;
width:240px;
height: 38px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:000000;
}
.topvideo{
position:absolute;
top:850px;
left:50%;
margin-left:-377px;
width:400px;
height: 340px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:000000;
}
.add{
position:absolute;
top:1765px;
left:50%;
margin-left:-355px;
width:173px;
height: 67px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.forward{
position:absolute;
top:1900px;
left:50%;
margin-left:-270px;
width:173px;
height: 67px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.block{
position:absolute;
top:1970px;
left:50%;
margin-left:-210px;
width:123px;
height: 40px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.group{
position:absolute;
top:1765px;
left:50%;
margin-left:175px;
width:180px;
height: 53px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.im{
position:absolute;
top:1843px;
left:50%;
margin-left:150px;
width:191px;
height: 51px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.favs{
position:absolute;
top:1900px;
left:50%;
margin-left:120px;
width:140px;
height: 59px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.rank{
position:absolute;
top:1970px;
left:50%;
margin-left:100px;
width:120px;
height: 37px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.send{
position:absolute;
top:1843px;
left:50%;
margin-left:-325px;
width:173px;
height: 67px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.pics{
position:absolute;
top:2133px;
left:50%;
margin-left:-374px;
width:838px;
height: 54px;
z-index:2;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.vids{
position:absolute;
top:2133px;
left:50%;
margin-left:-290px;
width:90px;
height: 53px;
z-index:2;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.profilepic{
position:absolute;
top:2140px;
left:50%;
margin-left:-395px;
width:328px;
height: 397px;
z-index:0;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.members{
position:absolute;
top:2520px;
left:50%;
margin-left:-380px;
width:141px;
height: 46px;
z-index:2;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.rikk{
position:absolute;
top:2583px;
left:50%;
margin-left:-360px;
width:142px;
height: 136px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.rob{
position:absolute;
top:2578px;
left:50%;
margin-left:-220px;
width:146px;
height: 141px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.dave{
position:absolute;
top:2578px;
left:50%;
margin-left:-72px;
width:142px;
height: 142px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.chris{
position:absolute;
top:2579px;
left:50%;
margin-left:77px;
width:136px;
height: 132px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.scott{
position:absolute;
top:2580px;
left:50%;
margin-left:223px;
width:136px;
height: 132px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.shure{
position:absolute;
top:2735px;
left:50%;
margin-left:-350px;
width:160px;
height: 35px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.ibanez{
position:absolute;
top:2725px;
left:50%;
margin-left:-190px;
width:151px;
height: 44px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.schecter{
position:absolute;
top:2725px;
left:50%;
margin-left:-20px;
width:160px;
height: 58px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.mesa{
position:absolute;
top:2728px;
left:50%;
margin-left:150px;
width:223px;
height: 51px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.header2{
position:absolute;
top:2803.75px;
left:50%;
margin-left:-255.5px;
width:513px;
height: 114px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.current{
position:absolute;
top:2880px;
left:50%;
margin-left:-400px;
width:189px;
height: 77px;
z-index:2;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.blog{
position:absolute;
top:2280px;
left:50%;
margin-left:90px;
width:375px;
height: 420px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.flyer{
position:absolute;
top:2972px;
left:50%;
margin-left:-313px;
width:320px;
height: 398px;
z-index:3;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.showdates{
position:absolute;
top:3440px;
left:50%;
margin-left:-325px;
width:670px;
height: 483px;
z-index:4;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.shows{
position:absolute;
top:3490px;
left:50%;
margin-left:-280px;
width:630px;
height: 473px;
z-index:5;
padding:0px;
border:0px solid black;
background-color:transparent;
}
.allies{
position:absolute;
top:430px;
left:50%;
margin-left:-250px;
width:409px;
height: 154px;
z-index:1;
padding:0px;
border:0px solid black;
background-color:000000;
background-image:url("http://www.atlhog2.homestead.com/allies.jpg");
}
.column1{
position:absolute;
top:610px;
left:50%;
margin-left:-440px;
width:176px;
height: 1028px;
z-index:0;
padding:0px;
border:0px solid black;
background-color:000000;
background-image:url("http://www.atlhog2.homestead.com/column.jpg");
}
.column2{
position:absolute;
top:610px;
left:50%;
margin-left:185px;
width:176px;
height:1028px;
z-index:0;
padding:0px;
border:0px solid black;
background-color:000000;
background-image:url("http://www.atlhog2.homestead.com/column2.jpg");
}
table, tr, td {background:transparent;border:0px;}
table table table {background:transparent;border:0px;}
table table td.text table, table table td.text table td {width:100%;}
table table table table div {width:298px;}
.x{This section defines the text.}
td,
.whitetext12,
.lightbluetext8,
.blacktext12,
.btext,
.text,
.orangetext15,
.nametext,
.redbtext,
.redtext,
A:link,
A:visited,
A:active,
a.redlink:link,
a.redlink:active,
a.redlink:visited,
a.searchlinksmall:link,
a.searchlinksmall:active,
a.searchlinksmall:visited,
a.searchlinksmall:hover,
a.font,
table td div div font,
div table tr td font
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:white;
}
a.navbar,
a.navbar:link,
a.navbar:active,
a.navbar:visited{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:ghost white;
}
a.navbar:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:7pt;
color:red;
}
a.redlink:hover,
A:hover{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:8pt; text-decoration:none;
color:red;
}
.x{Comment Text; makes it look neater.}
.blacktext10 {
color:black;
font-size:8pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
border:1px;
border-top:2px solid black;
display:block;
width:200px;
background-color:e68e24;
}
td.text td.text table .orangetext15{display:none;}
td.text td.text table table table{width:3px;}
td.text td.text table br{display:none}
td.text td.text .redlink,
td.text td.text span.btext {width:auto;}
td.text td.text table {background-color:transparent;}
td.text td.text table td,
td.text td.text table {width:400px;padding:0;border:0;}
td.text td.text table table td {padding:0;background-color:transparent; border:0px solid black;}
td.text td.text table table br {display:inline;}
.redtext{color:red;}
.blacktext10{color:ghostwhite;}
table, tr, td {background:transparent;border:0px;}
table table table {background:transparent;border:0px;}
table table td.text table, table table td.text table td {width:100%;}
table table table table div {width:330px;}
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {display:none; width:80px;}
td.text td.text table table td img {width:400px; max-width:400px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:400px;}
* html td.text td.text table table td a img {width:80px;}
* html td.text td.text table table td div img {width:80px;}
</style>
Here is my Members code:
<div class="blankslate"></div>
<div class="topbanner"><img src="http://atlhog2.homestead.com/newheader.jpg"></div>
<div class="blankslate"></div>
<div class="topadd">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTMyMTIyMTc4"><img src="http://atlhog2.homestead.com/add.jpg"></a>
</div>
<div class="topsend">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0zMjEyMjE3OCZNeVRva2VuPTk0NGFkYWVjLTM2ZGQtNGVlMy04NTViLTQ1ZjMyY2RmMTA3Ng"><img src="http://atlhog2.homestead.com/send.jpg">
</div>
<div class="topcomment">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMyMTIyMTc4Jk15VG9rZW49MWM1ZmIyYTEtZGViNy00Yzc5LTk0ZWItZjg1ZGYyZTNjYWFh"><img src="http://atlhog2.homestead.com/leave.jpg"></a></a>
</div>
<div class="topvideo">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid=51027284"></a><br/><object height="332" width="393">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="http://mediaservices.myspace.com/services/media/embed.aspx/m=51027284,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" />
<embed type="application/x-shockwave-flash" allowScriptAccess="sameDomain" allowFullScreen="true" src="http://mediaservices.myspace.com/services/media/embed.aspx/m=51027284,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" height="332" width="393" wmode="transparent" />
</object>
</div>
<div class="profilepic">
<img src="http://atlhog2.homestead.com/pic.jpg">
</div>
<div class="pics">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0zMjEyMjE3OA==">
<img border="0" src="http://atlhog.homestead.com/pics.jpg"></a>
</div>
<div class="vids">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=32122178&n=32122178&MyToken=944adaec-36dd-4ee3-855b-45f32cdf1076">
<img border="0" src="http://atlhog.homestead.com/vids.jpg"></a>
</div>
<div class="add">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTMyMTIyMTc4">
<img border="0" src="http://atlhog.homestead.com/add.jpg"></a>
</div>
<div class="send">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0zMjEyMjE3OCZNeVRva2VuPTk0NGFkYWVjLTM2ZGQtNGVlMy04NTViLTQ1ZjMyY2RmMTA3Ng==">
<img border="0" src="http://atlhog.homestead.com/send.jpg"></a>
</div>
<div class="forward">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD0zMjEyMjE3OCZmPWZvcndhcmRwcm9maWxl">
<img border="0" src="http://atlhog.homestead.com/forward.jpg"></a>
</div>
<div class="block">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTMyMTIyMTc4">
<img border="0" src="http://atlhog.homestead.com/block.jpg"></a>
</div>
<div class="group">
<a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTMyMTIyMTc4">
<img border="0" src="http://atlhog.homestead.com/group.jpg"></a>
</div>
<div class="im">
<a href="IsMySpaceIMInstalled();">
<img border="0" src="http://atlhog.homestead.com/im.jpg"></a>
</div>
<div class="favs">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MzIxMjIxNzgmcHVibGljPTA=">
<img border="0" src="http://atlhog.homestead.com/favs.jpg"></a>
</div>
<div class="rank">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MzIxMjIxNzg=">
<img border="0" src="http://atlhog.homestead.com/rank.jpg"></a>
</div>
<div class="members">
<img border="0" src="http://atlhog.homestead.com/members.jpg">
</div>
<div class="rikk">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3Jpa2t3b2xm">
<img border="0" src="http://atlhog.homestead.com/rikk.jpg"></a>
</div>
<div class="rob">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTIzMDUwMzkx">
<img border="0" src="http://atlhog.homestead.com/rob.jpg"></a>
</div>
<div class="dave">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTI5MzcxNzE3">
<img border="0" src="http://atlhog.homestead.com/dave.jpg"></a>
</div>
<div class="chris">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEzNzI1NDQxOA==">
<img border="0" src="http://atlhog.homestead.com/chris.jpg"></a>
</div>
<div class="scott">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTMxMDE3MjMy">
<img border="0" src="http://atlhog.homestead.com/scott.jpg"></a>
</div>
<div class="shure">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vc2h1cmUuY29tL2luZGV4Lmh0bQ==">
<img border="0" src="http://atlhog.homestead.com/shure.jpg"></a>
</div>
<div class="ibanez">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmliYW5lei5jb20=">
<img border="0" src="http://atlhog.homestead.com/ibanez.jpg"></a>
</div>
<div class="schecter">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vc2NoZWN0ZXJndWl0YXJzLmNvbQ==">
<img border="0" src="http://atlhog.homestead.com/schecter.jpg"></a>
</div>
<div class="mesa">
<a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vbWVzYWJvb2dpZS5jb20v">
<img border="0" src="http://atlhog.homestead.com/mesa.jpg"></a>
</div>
<div class="header2">
<img border="0" src="http://atlhog2.homestead.com/header2.jpg"></a>
</div>
<div class="current">
<img border="0" src="http://atlhog2.homestead.com/current.jpg"></a>
</div>
<div class="blog">
<object type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" allowFullScreen="true" height="460" width="300" align="middle" data="http://cp.myspace.com/web/wrapper.php?file=23609.sbw">
<param name="allowScriptAccess" value="always" />
<param name="allowNetworking" value="all" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="http://cp.myspace.com/web/wrapper.php?file=23609.sbw" />
<param name="bgcolor" value="0x000000" />
<param name="flashvars" value="param=http%3A%2F%2Fblog.myspace.com%2Fblog%2Frss.cfm%3FfriendID%3D32122178¶m_style_borderColor=0x990000¶m_style_brandUrl=http://downloads.thespringbox.com/hosted_content/images/8de8fe592170e58a10963532ef7a6a3b.jpg&partner_id=0&wiid=0" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
</object>
</div>
<div class="flyer">
<img border="0" src="http://www.atlhog2.homestead.com/myspaceflyer.jpg">
</div>
<div class="showdates">
<img border="0" src="http://atlhog2.homestead.com/showdates.jpg"></a>
</div>
<div class="shows">
<font size="1">
<b><font color ="red"><a target="blank" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1iYW5kcHJvZmlsZS5saXN0QWxsU2hvd3MmZnJpZW5kaWQ9MzIxMjIxNzgmbj1BVCtUSEUrTEVGVCtIQU5EK09GK0dPRCsoTkVXK0RFTU8rVVAhISEhIQ=="><u>VIEW ALL UPCOMING SHOW DATES & GET MORE DETAILS</u></a></font><br>
<br>
<b><font color="white">Friday, March 6th @ The Record Bar, Kansas City, MO<br>
<br>
Saturday, March 7th @ Aftershock, Merriam, KS<br>
<br>
<br></b>
<br></size></font>
<div class="allies"></div>
<div class="column1"></div>
<div class="column2"></div>
</div>
Thank you deeply in advance for your help. This is highly aggravating.