Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    MySpace DIV Help Needed!!

    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 applies to the problem DIV. I've omitted the various other DIVs because with them this post goes over the character limit.

    Thank you deeply for your time and help.

    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");
    }


    .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;
    }


    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="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>

    Last edited by rikkwolf; 03-02-2009 at 03:12 AM.


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •