Buphy: Panel mit div abstand problem

Beitrag lesen

SELF-Forum

Panel mit div abstand problem

Buphy
– Informationen zu den Bewertungsregeln

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;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln