-1

我在这里编写这个小页面

http://burnhabbo.com

但是后来我的朋友和他的一大群朋友使用具有这种分辨率大小（1024x768）的旧 XP 计算机（wth），当他们访问页面时，div 中的所有文本都在中间框之外。

这是所有的 CSS 和

#playerb {
    position: absolute;
    left: 740px;
    top: 507px;
    width: 60px;
    height: 60px;
}
#song {
    font-family:Verdana, Geneva, sans-serif;
    text-shadow: 1px 1px 0px rgba(190, 190, 190, 1);
    font-size: 11px;
    position: absolute;
    left: 554px;
    top: 538px;
    width: 130px;
    height: 60px;
}
#listeners {
    font-family:Verdana, Geneva, sans-serif;
    text-shadow: 1px 1px 0px rgba(190, 190, 190, 1);
    font-size: 11px;
    position: absolute;
    left: 696px;
    top: 538px;
    width: 90px;
    height: 60px;
}
#myhabbo {
    position: absolute;
    left: 518px;
    top: 511px;
    width: 60px;
    height: 60px;
}

DIV

<div id="playerb">
    <iframe frameborder="0" scrolling="no" src="http://burnhabbo.com/play.html"></iframe>
</div>
<div id="myhabbo"> <a href="http://habbo.com.br/home/T.Moonblade" target="_blank"><img     src="img/avatarimage.gif" width="33" height="56" title="Sup noobs!"/></a> 
</div>
<div id="song">
    <marquee>
        <a href="https://93.190.141.194:2199/tunein/burn.pls" id="cc_strinfo_song_burn" class="cc_streaminfo" style="text-decoration: none">Carregando...</a>
    </marquee>
</div>
<div id="listeners">
    <span id="cc_strinfo_listeners_burn" class="cc_streaminfo"></span>/3000
</div>

如何解决这个问题？

4

1 回答 1

0

我看过你的页面结构，它不是很好......

您必须学习更多的 html 和 css 才能更好地定位您的内容。

我建议您将divs 用于这项特定的工作，并花更多的时间来理解 css。（特别是背景CSS。）

这里有一些附加信息的链接。

我为你做了一个良好结构的例子。这是 HTML：

<div class="back">
<h2>Leiam caros usuários!</h2>
<p>Por este meio viemos comunicar, que nós, a BurnHabbo virá para ficar na família
   dos sites habbo e promete arrasar os seus pixeis! Estamos num servidor dedicado
   localizado em França segurado por uma firewall costumizada e avançada, e contamos
   com o apoio de vários programadores freelancers profissionais paracriar a nossa 
   versão e painel.
   AVANTE BURN HABBO!</p>
</div>

这是CSS：

.back{
  color:white;
  height:233px;
  width:434px;
  background-repeat:no-repeat;
  background-image:url('http://burnhabbo.com/img/aviso.png');
  background-position:top center;
  text-align:center;
}
.back h2{
  padding-top:5px;
}
.back p{
  padding:0px 20px;
  margin-top:-10px;
  font-size:18px;
}

另请参阅此现场演示。

于 2013-06-21T16:37:59.483 回答