网站在 Dreamweaver 中看起来不错,但

Posted

技术标签:

【中文标题】网站在 Dreamweaver 中看起来不错,但【英文标题】:Website site looks fine in Dreamweaver but 【发布时间】:2012-06-18 02:03:14 【问题描述】:

所以我是第一次创建自己的网站,在遇到一堆问题后,我遇到了一个我不确定如何解决的问题。

ngkevin-art.com/about.html

这是它在 Dreamweaver 中的外观以及我希望它的外观: http://i.imgur.com/wlOIR.jpg

但是当我进入 Live View 或在线观看时,它就崩溃了。任何帮助将不胜感激。

CSS:

@charset "utf-8";
/* CSS Document */




/* General HTML Tag Rules */

body 
  width:auto;
  height:auto;
  background-image:url(images/bg_demo2.png);
  background-color:#2d2d2d;
  background-repeat:no-repeat;
  background-position:center;
  margin-top:30px;



@font-face 
    font-family: Harabara;
    src: url(Harabara.ttf);
    font-weight:200;



h1 
  font-family: Harabara, Helvetica, Arial, sans-serif;
  font-size:150%;
  color:#CECEBC;



h2 
  font-family: Harabara, Helvetica, Arial, sans-serif;
  font-size:100%;
  color:#CECEBC;





.text 
  margin-left:75px;
  width:auto;
  float:left;





#text2 
  width:408px;
  text-align:center;





.text3 
  margin-left:25px;
  width:auto;
  float:left;




#container 
  width:1280px;
  height:960px;
  margin-left:auto;
  margin-right:auto;





#wrapContact 

  width: 520px;
  height: 100px;
  margin-left:735px;
  margin-top: 10px;
  clear: both;



#linked 
  float:left;
  margin-top:35px;
  width: 175px;



#facebook 
  float:left;
  width: 200px;
  margin-left:32px;
  margin-top:25px;





#email 
  float:left;
  width:75px;
  margin-left:35px;
  margin-top:20px;





#wrapNav 


  width: 475px;
  margin-left:750px;
  margin-top:60px;



#demo 
  width: 500px;
  text-align:center;
  margin-top: 70px;
  margin-left:auto;
  margin-right:auto;




#flatbook 
  width:250px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;




#wrapAbout 
  margin-left:auto;
  margin-right:auto;
  margin-top:75px;
  width: 1100px;
  height:auto;





#picture 
  width:408px;
  margin-top:100px;
  float:left; 

HTML:

我在左中间,我的伙伴们,左边是 Jordan Gabriel,右边是 Edmund Zhu, 最后是 Epic Games VIP,Cliff Bleszinski!拍摄于 GDC 2010。

简历: 邮箱: 关于我:

点击这里 ngkevin.3dartist@gmail.com 我想进入游戏开发行业的愿望是与其他以创造游戏为荣的人一起工作, 很多人都可以享受的东西。没有什么比借出我的才华和 为此目的的艺术技能。 我相信创造令人难忘的游戏艺术的关键是故事,无论是角色还是环境。 就像看一本好书或看一部惊心动魄的电影一样,我喜欢沉浸在游戏的世界中。因此, 我对角色扮演游戏情有独钟。我这一代的经典游戏,例如《时空之轮》、《最终幻想》和《塞尔达传说》 向我展示了一个无限想象的世界。 作为故事焦点的人物,他们的目标和动机,他们的考验和磨难, 他们的胜利和失败……这些是我看着他们时不断思考的事情。 没有深度的角色是不存在的,但如果有的话,我只能想象那会是多么无聊。

正文>

【问题讨论】:

【参考方案1】:

试着给你的 .text3 类一个固定的宽度。 450px 看起来差不多。

【讨论】:

以上是关于网站在 Dreamweaver 中看起来不错,但的主要内容,如果未能解决你的问题,请参考以下文章

字体在 iPhone X 中看起来很混乱,而在 iPhone 7 中看起来不错

为啥我的 React 应用程序只在新选项卡中看起来不错?

代码签名错误,但在设置中看起来不错

React 本机选择器在 android 中看起来不错,但在 ios 中很糟糕

HTML 在浏览器中看起来不错,但在电子邮件中却不行

UIButton 图像在 IB 中看起来不错,但在应用程序上显示时会被拉伸