Was muss ich machen damit mein hintergrund bild als rand links und rechts ist und die mitte weiß bleibt ?
mein blid ist so aufgebaut: rechtsrand-mitteweiß-linksrand
hier nochmal das bild (http://img.webme.com/pic/a/airsoft-wenzenbach/unbenannt.png)
quelltext:
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>airsoft-wenzenbach - Home</title>
<style type="text/css">
<!--
-->
</style>
<center>
<style type="text/css">
<!--
td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }
/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px; }
/* Hintergrund */
body {
background-color: #000000;
background-image: url(); }
body {background-image:url(http://img.webme.com/pic/a/airsoft-wenzenbach/unbenannt.png);
background-repeat:repeat -y;
background-position: left ;
background-attachment: fixed;}
text-align:center; }
/* Das Textfeld */
#content {
position: absolute;
left: 50%;
top: 240px;
margin-left:-180px;
width: 500x;
height:300px;
overflow:auto;}
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:;
background-image:url();
border: 0px solid #FFFFFF;}
/* Linkfarben im Textfeld content */
#content a{
color:#000080;}
/* rechte Box */
#sidebar_container {
position: absolute;
left: 50%;
top: 240px;
margin-left: 220px;
width: 150px;
height: 180px;
line-height:9px;
color: #C6BA8A;
font-size: 12px;
font-family: arial;
overflow: auto;
border: 0px solid #FFFFFF;}
/* Feld Navigation */
#nav_container {
position: absolute;
left:50%;
top:240px;
margin-left:-360px;
border:0px solid #FFFFFF;}
/* Hintergrund Navi-Buttons */
li.nav_element {
list-style-type: none;
position: relative;
margin-bottom:5px;}
/* Navi-Links */
li.nav_element a {
display: block;
width: 112px;
font-family:arial;
font-size:13px;
text-decoration: none;
text-align: left;
padding-left:5px;
color:#C6BA8A;
background-color:;
background-image:url();
border: 1px solid #C6BA8A;}
/* Hover-Effekt Navi-Links */
li.nav_element a:hover{
color: #2D261C;
background-color:#C6BA8A;
background-image:url();
border: 1px solid #FFFFFF;}
* Felder die wir nicht benötigen */
h1#header {display:none;}
h2#title {display:none;}
#sidebar_heading{display:none;}
#counter{display:none;}
#nav_heading{display:none;} //-->
</style>
</head>
<body id="hpb_cssonly">
<style type="text/css">
#ad-cfcd br {
display: none;
}
</style>
<table height="102" id="ad-cfcd">
<tr>
<td height="102">
<br /><a href="https://ssl.homepage-baukasten.de/de/Premium/"><img style="border: 1px solid #cccccc;" title="Nervt Sie diese Werbung? Dann schalten Sie sie ab! Für nur 2,90€ im Monat" alt="Nervt Sie diese Werbung? Dann schalten Sie sie ab! Für nur 2,90€ im Monat" src="http://wtheme.webme.com/img/ads/de/werbefrei.gif" /></a></td>
</tr>
</table>
<div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>airsoft-wenzenbach</span></h1></div>
<div id="post_header"></div>
</div>
<div id="nav_container">
<h2 id="nav_heading"><span></span></h2>
<ul id="nav">
<li class="nav_element checked_menu" id="nav_Home">
<a href="/Home.htm" class="menu"><span>Home</span></a></li>
<li class="nav_element subpage" id="nav_Events">
<a href="/Events.htm" class="menu"><span>Events</span></a></li>
<li class="nav_element" id="nav_AirsoftalsSport">
<a href="/Airsoft-als-Sport.htm" class="menu"><span>Airsoft als Sport</span></a></li>
<li class="nav_element" id="nav_Ausrstung">
<a href="/Ausr.ue.stung.htm" class="menu"><span>Ausrüstung</span></a></li>
<li class="nav_element" id="nav_Gstebuch">
<a href="/G.ae.stebuch.htm" class="menu"><span>Gästebuch</span></a></li>
</ul>
</div>
<div id="content_container">
<div id="pre_content"></div>
<div id="content">
<h2 id="title"><span>Home</span></h2>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:HyphenationZone>21</w:HyphenationZone>
<w:DoNotOptimizeForBrowser />
</w:WordDocument>
</xml><![endif]--><span style="font-size: 40pt; font-family: "Armalite Rifle";">Airsoft-Wenzenbach<br />
<br />
<br />
<br />
<br />
<h4> </h4>
<<br />
</span>
<p><a href="http://bannerbreak.com/" title="Banner Maker"><img src="http://bannerbreak.com/banners/7/330/129771581658591116.gif" border="0" alt="Banner Maker" title="Banner Maker"></a><br><a href="http://bannerbreak.com/" title="Banner Maker">BannerBreak.com</a> - <a href="http://bannerbreak.com/" title="Banner Maker">Banner Maker</a> - <a href="http://bannerbreak.com/" title="Banners">Banners</a> - <a href="http://Like-Us.INFO" title="Facebook Quotes">Facebook Quotes</a></p> </div>
<div id="counter"><span></span></div>
<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=airsoft-wenzenbach&auth1=32f9cadad4b0b1979eec4af7c9f54e7c&auth2=11a12ec730f2108265888cd5987f81db&auth3=dc11fa3d3016c279c557c9ebe4466268&auth4=f2d97d09764dda3735f657c53cfe9dbb&auth5=483f734d54b3b49b391484100d6c25a8&mode=track" style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-8";
urchinTracker();
_uff = 0;
_uacct = "UA-2594508-32";
urchinTracker();
_uff = 0;
_uacct = "UA-2594508-45";
urchinTracker();
</script> <div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>
<div id="extraDiv6"><span></span></div>
</body>
</html>
