scrollbalken zu lang

Hallo,

ich habe bestimmt nur ein kleines Problem aber ich finde es leider nicht.

Wenn ich einen neuen Datensatz anlege egal ob Text, Bild ...
wird am Ende der Templatetabelle noch ein Stück unbenutzter Platz dazugegeben als ob mehrere <p>-Tacks untereinander stehen.
Aber dem ist nicht so.

http://www.medimed-data.de/index.php?id=83

Es liegt bestimmt an meiner CSS-Datei #inhalt

BODY{
margin:15px;
background-color:#DDDDDD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
line-height: 15px; /* Zeilenabstand */
color: #000000; /* allgemeine Textfarbe */
}
 
DIV.redline	{ width:800px; height:2px; background-color:#007DC7; }
DIV.header	{ width:800px; padding:0 0 0 0; background-color:#ffffff; }

DIV.headerpic	{ width:800px; background-color:#ffffff; }
DIV.spacer	{ width:800px; height:15px; background-color:#ffffff; }

TABLE.inhalt	{ width:800px; background-color:#ffffff; }
TD.inhalt	{ width:800px; font-size:11px; padding:10; vertical-align:top;  color:#666666; }
TD.inhalt TD	{ font-size:11px; vertical-align:top;  color:#666666; }
TD.rechts	{ width:200px; font-size:11px; padding:10; vertical-align:top; color:#666666; }


TD#inhalt P.bodytext {
	font-size: 11px;
    padding:0px;
	margin: 0px;
}


#inhalt {
/* --- #inhalt ist der Bereich für die Seiteninhalt. (Wirkungsbereich der Templates) --- */
position: relative; 
background-color: #ffffff;
height: 100%;
width:100%;
font-size:11px;
padding:10; 
vertical-align:top;  
color:#666666;
}

#inhalt a{
text-decoration: none;
color:#00639C;
}

#inhalt a:hover{
/*display: block;
/*line-height : 1.8em; */
text-decoration: underline;
}

.submitbutton{
border:1px solid #00639C;
color:#ffffff;
background:#00639C;
font:normal 11px Verdana,Geneva,Helvetica,sans-serif;
}

.submitbutton1{
margin-right:10px;
width:160px;
border:1px solid #00639C;
display:inline;
color:#ffffff;
background:#00639C;
font:normal 11px Verdana,Geneva,Helvetica,sans-serif;
}

a:link {color: #ffffff}
a:visited {color: #ffffff}
a:hover {color: #cccccc}
a:active {color: #ffffff}

#kopfmenu{
width:100%;
height:30px;
background-color: #00639C;
color: #ffffff;
}

#menu {
/* --- #menu ist das Hauptmenu (meistens links) --- */
position: relative;
padding: 0px;
text-align: left;
height: 75%;
}


#news_title{
font-size : 10px;
margin-left: 5px;
text-decoration: none;
color:#ffffff;
}

#news_header{
font-size : 10px;
margin-left: 5px;
text-decoration: none;
color:#00639C;
}

#news_header a{
font-size : 9px;
font-weight: normal;
text-decoration: none;
color:#00639C;
}

#news_header a:hover{
font-size : 9px;
text-decoration: underline;
color:#00639C;
}


#submenu{
font-size : 10px;
height:10px;
text-align: left;
}

#submenu a{
display: block;
margin-left: 5px;
line-height : 1.8em;
text-decoration: none;
color:#00639C;
}

#submenu a:hover{
display: block;
margin-left: 5px;
/*line-height : 1.8em; */
text-decoration: underline;
}

#submenu{
height:100%;
}

.boxhead{
/* -------------- Überschrift im Bereich "News" und "Events" -------------- */
background-color : #cccccc;
border-bottom: 1px solid #ffffff;
color: #ffffff;
font-weight: bold;
padding: 1px;
padding-left: 15px;
}

#js-menu{
background-color: #00639C;
padding-left: 5px;
padding-bottom: 3px;
float:left;
width:150px;
filter: Alpha(opacity=100, finishopacity=50, style=1);
}

#js-menu a{
margin-left: 5px;
text-decoration: none;
color:white;
}

#js-menu a:hover{
margin-left: 5px;
text-decoration: underline;
color:white;
}

.text11 {  font-size: 11px; font-style: normal; font-weight: normal}
.text9 {  font-size: 9px; font-style: normal; font-weight: normal}

#link10 { 
font-size : 10px;
font-color: #ffffff;
}

.link10 a{ 
font-size : 10px;
font-color: #ffffff;
}

.link10 a:hover{ 
font-size : 10px;
font-color: #ffffff;
}

/*.bodytext{
font-size : 11px;
font-color: #000000;
}*/

#top {
/* --- #top ist der obere Bereich --- */
height : 150px;
top: 0px;
}

.rundrum {
  border-width:1px;
  border-style:solid;
  border-color:#00639C;
   }
   
.rundum a{
font-size : 10px;
font-color: #00639C;
}

.linkneu {  font: bolder normal 12px/normal verdana, Helvetica, sans-serif; color: #0860a8; text-decoration: underline}


.willkommen { font-size: 36px; color: #D6D6D6; font-weight: bold}
.willkommenklein { font-size: 22px; font-weight: bold; color: #999999}

kann mir jemand einen kleinen Tip geben ich wäre Euch sehr dankbar

Gruß
Stefan

dürfte das
#submenu{
height:100%;
}

sein
lg

Hallo just2b sie gegrüßt,

habe es auskommentiert aber das war es auch nicht.

Habe im #inhalt die position: relative; auf position: absolute; gesetzt die höhe stimmt nun aber da es absolute ist geht längerer text ja drüber hinaus. Also nicht im Sinne des Erfinders.

Ich verzweifle an dieser Aufgabe noch.

Habe im Template übrigens das css auch schon auskommentiert und konnt dabei feststellen, das es nur daran liegen muss.

Die Höhe war nun perfect

Mein Gott,

logisch. Manschmal nur eine Kleinigkeit im #content das height ;-)

:o

Noch eine kleine Frage nebenbei.

Der 16px Abstand zwischen Überschrift und Text, wo läßt der sich einstellen ?