经过几年的休息后,我又回到了网页设计中,所以我之前定期使用的很多提示和技巧似乎都没有用.我正在为我的魔兽世界公会设计一个公会网站进行一些练习,但是我遇到了让div背景图像在页面上正确显示的问题.
该页面包含一个容器DIV,一个标题DIV,一个菜单DIV和一个三列布局,当然还有一个页脚div.在菜单上方,我有一点艺术背景,我怀疑,我设法让那一个出现; 但是,我无法正确显示左侧或右侧条形图上方的正确图像.我已经在网上搜索了一下,我仍然对我做错了什么感到茫然.这是我希望布局看起来像的屏幕截图:http://s19.postimage.org/7svzmuaf7/Layout_V2.jpg
目前,这是我在任何主要浏览器访问网站时得到的:http://cirquedufreak.net78.net/
两者之间显然存在一些差异,因为一个只是一个jpg,另一个是css/html组合,我知道.感谢您提供任何帮助.
源代码:
index.php文件:
<?php
session_start();
include("wowarmoryapi/BattlenetArmory.class.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home - Cirque du Freak of Vashj</title>
<link rel="stylesheet" type="text/css" href="layout.css" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Roster</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Books</a></li>
</ul>
</div>
<div id="leftbar">LEFTBAR</div>
<div id="content">
<div id="gmod">
<h1>Important …