Hallo,
ich habe gestern angefangen meine Webseite zu programmieren, nur ich möchte meinen Abstand verringern, wie man auf dem Bild sieht. Kann irgendjemand mir helfen, da ich einfach nicht den schönen Fehler finde. Am Bild selber liegt es nicht, da es bis auf das kleinste zugeschnitten ist. Was ist mein verdammter Fehler??
COde:
Code:
<!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>Schnäpchenjäger</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #ffc501;
margin: 60;
padding: 0;
text-align: center;
color: #000000;
}
.twoColElsLt #container {
width: 46em;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.twoColElsLt #sidebar1 {
float: left;
width: 12em;
background: #ffc501;
padding: 40px 0;
}
.twoColElsLt #sidebar1 h3, .twoColElsLt #sidebar1 p {
margin-left: 10px;
margin-right: 10px;
}
.twoColElsLt #mainContent {
margin: 0 1.5em 0 13em;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style><!--[if IE]>
<style type="text/css">
.twoColElsLt #sidebar1 { padding-top: 30px; }
.twoColElsLt #mainContent { zoom: 1; padding-top: 15px; }
</style>
<![endif]--></head>
<body class="twoColElsLt">
<div id="container">
<div id="sidebar1">
<img height="154" width="192" alt="Logo" src="logo2.jpg" />
<br/>
<br/>
<h3> Auktionen</h3>
<p>• Gutscheine</p>
<p>• Jägerpunkte</p>
<p>• Sonstiges</p>
<p>
<!-- end #sidebar1 -->
</p></div>
<div id="mainContent">
<h3> Herzlich Willkommen auf Schnäpchenjäger </h3>
<p>Bald Ablaufende Angebote:</p>
</div>
<br class="clearfloat" />
</div>
</body>
</html>
Bild davon: