Java drop down herfra

Tags:    java

Hej jeg har en java dropdown på en side, ligesom her på udvikleren.dk, men jeg kan ikke få størrelsen til at passe. Jeg smider lige de to filer på.


Problemet ligger i, at jeg ikke kan styre højden på indholdet..

Nogen der kan hjælpe ?

hoved side:

<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="JavaScript">


<!--


function showhidepre (element) {
if (document.getElementById(element+'code').style.display == "none") {

document.getElementById(element+'code').style.display='block';
document.getElementById(element).style.backgroundImage='url(pilhojre.gif)';
} else {
document.getElementById(element+'code').style.display='none';
document.getElementById(element).style.backgroundImage='url(pilned.gif)';
}
}
-->
</script>


<div id="varer" onclick="showhidepre (this.id);" class="codefoldheader">
<table border="0" width="100%" id="table2" cellspacing="0">
<tr>
<td width="33%">Ordre</td>
<td width="33%">Antal varer:</td>
<td width="34%">Beløb i alt:</td>
</tr>
</table>
</div>

<pre id="varercode" class="codefoldpre" style="display: none;">


INDHOLD !!!


<script type="text/javascript">
function unfoldall () {
showhidepre('<? echo "$idd"; ?>');
}
</script>


Og så den lange CSS fil:

body, TABLE {
margin: 0px;
font-family : Verdana, Tahoma, "Times New Roman", Arial, sans-serif;
font-size: 11px;
}


#top {
margin: 10px 21px 0px 20px;
padding: 0px;
height: 30px;
background-color: gray;/*#B1CBE9;*/

}

#left {
position: absolute;
left: 0px;
margin-left: 20px;
height: 100%;
width: 180px;
}

#middle {
margin: 0px 220px 0px 220px;
height: 100%;
border-top: 0px solid gray;
background-color: white;
/* border-left: 1px solid silver;
border-right: 1px solid silver;
*/
}

#right {
position: absolute;
top: 96px;
right: 0px;
margin-right: 20px;
height: 100%;
width: 200px;

}

.rightmenu {
border-left: 1px solid silver;
}

.leftmenu {
border-right: 1px solid silver;
}


.menuheader {
display: block;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
font-size: 11px;
color: #22609D;
text-decoration: none;
font-weight: bold;
font-family : "Trebuchet MS", Verdana, Tahoma, "Times New Roman", Arial, sans-serif;
}

.menubox {
background-color: #eeeeee;/*#E5D9C3;/*#eeeeee;*/

border-left: 1px dashed gray;
margin-left: 9px;


}

.rightboxheader {
display: block;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
font-size: 11px;
color: #22609D;/*maroon;*/
text-decoration: none;
font-weight: bold;
font-family : "Trebuchet MS", Verdana, Tahoma, "Times New Roman", Arial, sans-serif;
padding-left: 1px;

}

.rightbox {

border-left: 0px;
background-color: #eeeeee;/*#EBF1FA;/*#E5D9C3 #eeeeee; */

margin-right: 9px;
border-right: 1px dashed gray;
}

A.sitepathlink {
color: black;
text-decoration: none;
}

A.sitepathlink:hover {
color: maroon;
text-decoration: none;
}

A {
text-decoration: none;
/*color: #505050;*/
color: maroon;
}

A:hover {
text-decoration: underline;
color: black;
}

A.blackhead {
text-decoration: none;
color: black;
font-weight: bold;
}

A.blackhead:hover {
text-decoration: underline;
color: black;
font-weight: bold;
}

A.bluehead {
text-decoration: none;
color: #22609D;
font-weight: bold;
}

A.bluehead:hover {
text-decoration: underline;
color: #22609D;
font-weight: bold;
}


A.menulink {
color: #505050;
text-decoration: none;
display: block;
padding-left: 3px;
width: 100%;
}

A.menulink:hover {
background-color: #CFDFE9;
display: block;
text-decoration: none;

}

A.menulink:visited {
display: block;
}

A.headerlink, A.headerlink:visited, A.headerlink:hover {
text-decoration: none;
color: black;
}


.arrow {
color: #FD7215;
font-weight: bold;
font-size: 12px;
}

.rightarrow {
color: #FD7215;
/*color: maroon;*/
font-weight: bold;
font-size: 12px;

}

.bighead {
font-size: 20px;
}

.margintext {
margin: 11px;
}

.maincontent {
padding: 10px 20px 10px 10px;
}

.newspic {
float: left;
}

.contentboxheader {
font-size: 11px;
color: maroon;
text-decoration: none;
font-weight: bold;
font-family : "Trebuchet MS", Verdana, Tahoma, "Times New Roman", Arial, sans-serif;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: gray;
background-color: #D5E1EA;
padding-left: 1px;
}


.contentbox {

width: 100%;
border: 1px solid gray;
border-top: 0px;
padding: 0px;
}

.tablecolumn {
font-size: 10px;
font-weight: bold;
background-color: #eeeeee;/*#CFDFE9;*/

}

.evenrow {
background-color: white;
}

.unevenrow {
background-color: #EBF1FA;/*#f5f5f5;*/
/*#F5F0E8*/
}



.input {
font-size : 11px;
font-family : Verdana, Tahoma, "Times New Roman", Arial, sans-serif;
background-color: #eeeeee;
border: 1px hidden silver;
width: 300px;
color: black;
}

textarea {
font-size: 12px;
}

.buttonarea {
width:300px;
text-align:center;
}

.button {
font-size : 9px;
color: black;
background-color:#BFD0E0;
border-style:solid;
border-width: 1px;
border-color:black;
}

.status {
background-color: #eeeeee;
color: maroon;
font-weight: bold;
}

.indexnewsheader {
color: maroon;
text-align: right;
border-bottom: 1px solid black;
font-size: 12pt;
}

.footer {
position: relative;
text-align: center;
bottom: 0px;
color: gray;
font-size: 8pt;
width: 100%;
}

.menustatus {
font-family : Tahoma, Verdana, "Times New Roman", Arial, sans-serif;
color: maroon;
font-size: 9px;
}

.header {
font-size: 18px;
color: black;
}

.techheader {
font-weight: bold;
background-color: #eeeeee;
color: maroon;
border: 1px solid gray;
}

.techbox {
position: relative;
right: 0px;
float: right;

width: 150px;
max-width: 200px;
background-color: #F1F6FF;
clear: both;
}

.codetable {
background-color: #DADADA;
font-size: 12px;
padding-left : 5px;
width: 97%;
margin: 3px;
color: inherit;
border: 1px solid gray;
}


.editorboxheader {
background-color: #D5E1EA;
text-align: center;
border: 1px solid gray;
font-weight: bold;
padding: 0px;
}

.infobox {
background-color: #eeeeee;/*EFEFE1;/*#EBF1FA; */
position : relative;
right : 0px;
float: right;
top : 0px;
width : 100px;
border-width: 0px 0px 1px 1px;
border-style: solid;
border-color: silver;
text-align: center;
margin-bottom: 5px;
margin-left: 1px;
}

.iconbox {
margin-top: 3px;
background-color: white;
position : relative;
right : 0;
float: right;
bottom : 0;
width: 100%;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: silver;
padding: 0px;
text-align: center;

}

.forumbox {
background-color: gray;
color: inherit;
width: 100%;
border: 1px solid gray;
}

.forumpost {
background-color: white;
}

.forumseparator {
font-size: 1px;
height: 3px;
background-color: #EFF0E0;/*#D5E1EA;*/
border-top: 1px solid gray;
border-bottom: 1px solid black;

}

.menustopper {
border-top: 1px solid gray;
background-color: white;
}

pre {
background-color: #eeeeee;
font-size: 12px;
padding-left : 5px;
margin-left: 3px;
width: 100%;
margin-right: 3px;
color: inherit;
border: 1px solid gray;
overflow: auto;
}


.articleinfobox {
width: 100%;
background-color: white;
border: 1px solid gray;
border-top: 0px;
padding: 2px;
height: 100px;
}

.sitepath {
border-bottom: 1px solid gray;
width: 100%;
padding: 2px 0px 2px 2px;
background-color: #D5E1EA;
color: black;
font-size: 11px;
font-weight: bold;
font-family : Arial, Verdana, Tahoma, "Times New Roman", sans-serif;

}

.sitepatharrow {
color: maroon;
font-weight: bold;
}

.pagebox {
position: relative;

}

.boxheader {
width: 100%;
background-color: #D5E1EA;/*#E5D9C3;/*#eeeeee;Ø*/
color: black;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-weight: bold;
padding: 1px 0px 1px 1px;
}

.box {
width: 100%;
}


.codefoldheader {
padding-left: 12px;
margin: 0px;
cursor: pointer;
border: 1px solid gray;
background-color: #D5E1EA;/*#B1CBE9;*/
color: black;
font-weight: bold;
background-image: url('/images/icons/pilned.gif');
background-position: left;
background-repeat: no-repeat;
}

.codefoldpre {
margin: 0px;
border-top: 0px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #eeeeee;
}

.redhead {
color: maroon;
font-weight: bold;
}

.dashedsplitter {
border-width: 1px;
border-color:black;
border-top-style: dashed;
width: 100%;
margin: 20px;
}

.head {
font-size : x-small;
font-family : Verdana, Tahoma, "Times New Roman", Arial, sans-serif;
color : Black;
background-color: inherit;
font-weight : bold;
}

.sectionbox {
width: 100%;
/*border: 1px solid gray;*/
border-top-width: 0px;
}

.section_right {
border-left: 1px dashed gray;
border-bottom: 1px solid gray;
}

.section_left {
width: 80%;
border-bottom: 1px solid gray;
padding: 3px;
}


.embeddedcomments {
border: 1px solid gray;
border-top: 0px;
background-color: #eeeeee;
padding: 2px;
}

.blackhead {
font-weight: bold;
color: black;
}

.techrating {
font-family : Verdana, Tahoma, "Times New Roman", Arial, sans-serif;
font-size: 10px;
color: black;
background-color: #C8DCFF;
border-color: gray;
border-width: 1px;
border-style: solid;
text-align: center;
}

.toplogo_main {
width: 350px;
background: #FFFFFF url('img/anim_arrow2.gif');
cursor: pointer
}

.toplogo_tile {
background: #FFFFFF url('img/anim_arrow2.gif');
cursor: pointer
}

.forum_box {
border: 1px solid gray;
border-bottom: 0px;
border-top: 0px;
}

.forum_post {
background-color: white;
color: inherit;
width: 100%;
_height: 180px;
min-height: 180px;
vertical-align: top;
}



1 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Java og JavaScript er ikke det samme... læs venligst FAQ.

Luk venligst tråden og flyt spørgmålet til HTML / CSS fora'et.

Husk at give dig selv point'ne når du lukker tråden...



t