Myspace 上的 css 编码 - 问题

Question

大家好。我已经阅读了我能阅读的内容，但我当然不是大师，但我正在 myspace.com 上修复同事的个人资料，并且我在屏幕的每一侧使用 2 个 div，我希望它们对齐他们彼此相邻。我试过 float: left;和 float: right;，我试过 margin: right;在 div 1 等上。

你能帮忙吗？

这是网站: http://www.myspace.com/jonasjohansen

这是 div1 的信息:

    <div class="textBox" align="left" style="width: 290px; float: left;
 word-wrap:break-word">  
        <span class="orangetext15">
        BANDS
        </span>

        <b>MOVE</b><br />
        Fredrik ....balbalbalbla
        </div>

        <style>
    .textBox {
    position: relative;
    left:-320px;
    top:-120px;
    width: 0px;
    height: 0px;
    overflow: visible;
    z-index: 1;
    background-color: transparent;
    border:none;

        }
        </style>

这是 div2 的信息:

<style>.i {display:none;}{!-eliminate bio header!-}table table td.text table td.text {display:none;}{!-recover in shows and friends-!}table table td.text div table td.text,table table td.text table.friendSpace td.text {display:inline;}{! move up our custom section.  You may change px value !}div.myDivR {position:relative; top:0px; margin-bottom:-300px; }{! you can apply style to the custom div !}div.myDivR {background-color:white; border:2px solid; border-color:darkgreen; float: right;}</style></td></tr></table></td></tr></table><span class="off">Re-Open Bio Table give it our own Class </span><table class="myBio" style="width:435px;"><tr><i class="i"></i><td class="myBioHead" valign="center" align="left" width="auto" bgcolor="ffcc99" height="17">  &nbsp;&nbsp;<span class="orangetext15"> ABOUT JONAS JOHANSEN</span>  </td></tr><tr><td><table class="myBioI"><tr><td><span class="off"></span>


blalbalbalbalbla

<span class="off">END Bio Content </span>

Answer 1

看起来您的问题是因为您在 td 元素的右侧有 Bands 部分(似乎属于布局的左列)布局。当您将 float: left; 应用于 Bands td 时，它会一直 float 到左列(通过浏览器渲染的偏心)，但它离开右栏中 Band td 的空间。

你能在页面代码中移动 Band td 吗？我不熟悉 Myspace 中可编辑的内容，所以我不确定，但这应该很容易解决您遇到的问题。