komischer rand beim hintergrund

heiko0610 · 07.11.2010

Ich hab folgendes Problem...
Dies is die index.html und die style.css
Funktioniert soweit gut, bis auf die tatsache daß ich ca. 5px rand habe am linken und rechten rand von dem aheader div.
das sieht etwas unschön aus.

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" dir="ltr" lang="de-DE">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Seitentitel</title>
        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
        </head>

    <body>
     <div id="aheader">
       
     </div>
    </body>

</html>

Code:

body {
background-color: #351d01;
}

#aheader {
height:220px;
width: auto;
background-image: url("images/header_bg.png");
background-repeat:repeat-x;
margin-top:30px;
}

Gack81 · 07.11.2010

AW: komischer rand beim hintergrund

Guten Abend

Versuche es mal mit
border: none;

damit sollte es eigentlich behoben sein

Edit: width: 100%;

im Body sollte gehn

sorry hatte mich verlesen

heiko0610 · 07.11.2010

AW: komischer rand beim hintergrund

wenn ich width: 100% mache dann is links immer noch der abstand...und hab dafür nu unten ne scrollleiste...

cebito · 07.11.2010

AW: komischer rand beim hintergrund

In welchem Browser schaust du dir das an? IE? Du musst erstmal alle Browserinternen Abstände auf 0 setzen. In deinem Fall wäre das erstmal die kurze Form

Code:

html, body{
margin:0;
padding:0;
}

Sonst schau mal hier

heiko0610 · 07.11.2010

AW: komischer rand beim hintergrund

ah danke sehr nu gehts...und nein im FF.