Buphy: Panel mit div abstand problem

also es gibt ein panel also oberteil dann wird ein 188x1 bild repeatet und unter teil doch ich bekomme die tile nicht zusammen
hofe ihr könnt mir helfen

code [siehe unten]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
<html>  
<head>  
<title></title>  
<meta name="author" content="Philipp"/>  
<meta http-equiv="Content-Type" content="text/html">  
<meta name="editor" content="html-editor phase 5"/>  
<link rel="stylesheet" type="text/css" href="css/style.css">  
</head>  
<body text="#6CBFFD" link="#86CAFD" alink="#FF8000" vlink="#86CAFD" bgcolor="#0070C0">  
<div class="site">  
  
<p>Navigation:</p>  
  
<img src="img/navi.png" width=1000 height=50 border=0 ismap usemap="#navi.png">  
<map name="navi.png">  
<area shape="RECT" coords="16,3,167,46" href="register.html" alt="Register" onmouseover="window.status='regestrieren sie sich jetzt'; return true" onmouseout="window.status='haben sie schon einen account?'; return true">  
<area shape="RECT" coords="195,3,373,46" href="download.html" alt="download" onmouseover="window.status='Lad dir jetzt den Clienten herunter!'; return true" onmouseout="window.status='hast du ihn schon?'; return true">  
<area shape="RECT" coords="400,3,510,45" href="forum.html" alt="Forum" onmouseover="window.status='Besuche unser Forum!'; return true" onmouseout="window.status='hast du schon alles gelesen?'; return true">  
<area shape="RECT" coords="533,3,669,45" href="donate.html" alt="donate" onmouseover="window.status='Du möchtest den Server unterstützen?'; return true" onmouseout="window.status='ok, dann nicht :('; return true">  
<area shape="RECT" coords="703,2,805,45" href="news.html" alt="news" onmouseover="window.status='Lese die neusten News!'; return true" onmouseout="window.status='du weist schon alles?'; return true">  
<area shape="RECT" coords="839,3,980,46" href="rankting.html" alt="ranking" onmouseover="window.status='und ... welcher Platz?'; return true" onmouseout="window.status='platz 1. glaub ich dir nicht!'; return true">  
</map>  
  
<div class="left">  
<img src="img/panelo.png" alt="paneloben">  
<div class="panelleft">  
    Hadtgfjbuhkiloöpäkijhgfdzuikujzhgtfdsfrgtzhujikolpö  
    <br>  
</div>  
<img src="img/panelu.png" alt="panelunten">  
</div>  
  
<div class="right">  
<div class="panelright">  
Hallo von rechts :)  
</div>  
</div>  
  
  
<div class="main">  
<div class="middlepanel">  
Hallo test nr.2 :)  
</div>  
</div>  
  
  
</div>  
</body>  
</html>
@charset "utf-8";  
  
.site {  
width: 1024px;  
margin: 0 auto;  
}  
  
.site .left {  
float: left;  
width: 188px;  
}  
  
.site .right {  
float: right;  
width: 188px;  
}  
  
.site .panelleft {  
width: 158px;  
background: url('../img/panelbg.png') repeat-y;  
padding-right: 15px;  
padding-left: 15px;  
margin 0;  
}  
  
.site .panelright {  
width: 158px;  
background: url('img/panelbg.png') repeat-y;  
padding-right: 15px;  
padding-left: 15px;  
}  
  
.site .main{  
width: 580px;  
margin: 0;  
}  
  
.site .middlepanel {  
width: 480px;  
padding-right: 15px;  
padding-left 15px;  
}
  1. Hi,

    also es gibt ein panel also oberteil dann wird ein 188x1 bild repeatet und unter teil doch ich bekomme die tile nicht zusammen
    hofe ihr könnt mir helfen

    </hilfe/charta.htm#tipps-fuer-fragende>

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. ok das Problem genauer:

      Die Teile sollen ein Panel werden also ohne die blauen lücken

      das ist so weil die Divs nich direck aneinnaderliegen bzw. die w Bilder darin

      1. Om nah hoo pez nyeetz, Buphy!

        das ist so weil die Divs nich direck aneinnaderliegen bzw. die w Bilder darin

        Wenn du das schon erkannt hast, sorge dafür, dass die Divs direkt aneinander liegen und vermeide whitespace.

        Versuche, Gestaltung und Inhalt von einander zu trennen.

        Matthias

        --
        1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
        1. Om nah hoo pez nyeetz, Buphy!

          das ist so weil die Divs nich direck aneinnaderliegen bzw. die w Bilder darin

          Wenn du das schon erkannt hast, sorge dafür, dass die Divs direkt aneinander liegen und vermeide whitespace.

          Versuche, Gestaltung und Inhalt von einander zu trennen.

          Matthias

          die div liegen genau aneinnader nur die Bilder hab einen ca. 2mm abstnd zum Div rand und diue Bilder alseinzelnis sind die pixel aauch bis zum Bild rand gefüllt