Question

我在这里编写这个小页面

然后我的朋友和他的一大群朋友使用旧的XP电脑（wth），这个分辨率大小（1024x768），当他们访问页面时，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;
}

DIVs

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

如何解决这个问题？

Answer 1

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

你必须学习更多的html和css来更好地定位你的内容。

我建议你使用div来完成这项工作，并且花更多的时间来理解css。（特别是背景css。）

这里有一个link，其中包含一些其他信息。

我为你做了一个好结构的例子。这是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;
}

另见this live demo。

表格中的文字都不合适

1 个答案: