Indhold går ned under bunden.

Hejsa.

Jeg har bøvlet og bøvlet med dette problem.Der kommer en del her, håber i kan bære over med mig.

Jeg har lavet nogle div der kan trække sig ud og ind igen,men når alle mine div's er klikket ud af brugeren går indholdet ned under footeren.

Her er noget alla de divs.

<div id="21">
<table width="95%" align="center"><tr><td>
<%
temp = lande_beskrivelse
if len(temp) >= 250 then temp = Left(temp, 247) & "..."
Response.write temp
%>
</td></tr></table>
<br>
<a onclick="document.getElementById('21').style.display='none'; document.getElementById('22').style.display='block'" style="margin-left:10px; cursor:pointer; text-decoration:none;"><img src="../../web/grafik/ikon_plus.gif"/>&nbsp;</a>
</div>


<div id="22" style="display:none">

<table width="95%" align="center"><tr><td>info</td></tr></table>
<br>
<a onclick="document.getElementById('21').style.display='block'; document.getElementById('22').style.display='none'" style="margin-left:10px; cursor:pointer; text-decoration:none;"><img src="../../web/grafik/ikon_minus.gif"/>&nbsp;</a>
<br /><br />


Denne er sat ind i dette:

<div id="wrapper"><!--Start wrapper-->
   

    <div id="header_holder">

  <div id="link_top"><!--#include file="includes/link_top.asp" --></div>

  <div id="logo"><a href="/"><img src="/web/grafik/logo.png" border="0" /></a></div>

  <div id="top_banner"><img src="/web/grafik/top_banner.gif" /></div>
     
   
</div>
 
 
    <div class="horizontalcssmenu"><ul><!--#include file="../menu/menu_horisontal.asp" --></ul><br style="clear: left;" /></div><!--menu-->
 
  <div id="her_er_jeg_holder"><!--#include file="includes/her_er_jeg.asp" --></div>
 

<div id="vertikal_menu_holder">
         
      <div id="box_skirejsemaal"></div>
        <div id="menu"><!--#include file="../menu/menu.asp" --></div>
        <div id="blaa_soejle"></div>
  </div>
 
<div id="soejle_1_holder" class="headlines_text">
 
      <div id="skirejse_sted">tekst</div>
       
      <div id="top_billede"> </div>
     
      <div id="midt_billeder"></div>
      <div id="fakta_box">Fakta om <%=p2%></div>
       
      <div id="fakta_tekst_kort">
      '''''''''''''''''''''''''
        <!--#include file="includes/HER.asp" -->

'''''''''''''''''''''''''''''''''''''''''
        </div>
       
 
               
</div>
         
     
<div id="soejle_2_holder">
        <div id="atp_banner"><div>
        <div id="holder_menu_hoejre"></div>
        <div id="skiblog"></div>
</div>

<div id="footer_forside"><!--#include file="../footer/footer.asp" --></div>
 

<div class="clear"></div><!--sørger for at FF viser wrapper korrekt-->

Her er CSS'en for dette:

#wrapper{
    width:1020px;
    margin:auto;
    background-color:#FFFFFF;
    text-align:left;
    padding:10px 0px 5px 10px;
    height:auto;
    }
#header_holder {
height:140px;
background-image:url(../../grafik/top_bg.gif);
width:1000px;

}

#link_top {
    height:35px;
    width:230px;
    position:absolute;
    left:968px;
    top:20px;
    color:#FFFFFF;
    text-transform:uppercase;
    font-size: 8px;
}

#link_top a {
color:#FFFFFF;
text-decoration:none;
}

#logo {
height:auto;
position:relative;
float:left;
width:auto;

margin-top:30px;
margin-left:10px;
}

#top_banner {
height:auto;
position:relative;
float:left;
width:auto;
margin-left:10px;
margin-top:30px;

}


#her_er_jeg_holder {
position:relative;
float:left;
height:30px;
width:1000px;
margin-top:15px;
font-size:11px;
}

#vertikal_menu_holder {
position:relative;
float:left;
height:1200px;
width:185px;
margin-top:5px;
background:#fff;

}
box_skirejsemaal {
    position:relative;
    float:left;
    height:20px;
    width:170px;
    background-color:#1d586e;
    font-size:11px;
    text-transform:uppercase;
    color:#FFFFFF;
    padding-left:15px;
    padding-top:5px;
    font-weight:bold;
}

#blaa_soejle {
    height:900px;
    width:185px;
    position:relative;
    float:left;
    margin-top:5px;
    background-color:#00bbe8;
    background-image: url(../../grafik/blaa_soejle_bund.gif);
    background-repeat: no-repeat;
    background-position: bottom;   
   
   
}

#menu {
position:relative;
float:left;
margin-top:5px;
width:185px;

}

#soejle_1_holder{
position:relative;
float:left;
height:1200px;
width:458px;
margin-left:5px;
margin-top:5px;


}

#skirejse_sted {
    position:relative;
    float:left;
    height:20px;
    width:445px;
    background-color:#1d586e;
    font-size:11px;
    text-transform:uppercase;
    color:#FFFFFF;
    padding-left:15px;
    padding-top:5px;
    font-weight:bold;
}

#top_billede {
position:relative;
float:left;
margin-top:5px;
width:458px;
height:253px;
border:solid #1d586e 1px;

}

#midt_billeder {
position:relative;
float:left;
margin-top:5px;
width:460px;
height:95px;


}

#fakta_box {
position:relative;
    float:left;
    height:20px;
    width:445px;
    background-color:#1d586e;
    font-size:11px;
    text-transform:uppercase;
    color:#FFFFFF;
    padding-left:15px;
    padding-top:5px;
    font-weight:bold;
    margin-top:5px;

}

#fakta_tekst_kort {
    position:relative;
    float:left;
    margin-top:0px;
    width:448px;
    height:auto;
    border:solid #1d586e 1px;
    padding:5px;

}

#soejle_2_holder{
position:relative;
float:left;
height:1200px;
width:340px;
margin-left:5px;
margin-top:5px;


}


#atp_banner{
position:relative;
    float:left;
    height:280px;
    width:340px;
    border:solid #000000 thin;
}

#holder_menu_hoejre{

position:relative;
    float:left;
    height:300px;
    width:340px;
    border:solid #000000 thin;
    margin-top:5px;
}

#skiblog{

position:relative;
    float:left;
    height:420px;
    width:340px;
    border:solid #000000 thin;
        margin-top:5px;
}

#footer_forside {
    position:relative;
    float:left;
    margin-top:20px;
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.clear {clear:both;}




jan