Problem: Höhe des div Layers begrenzen

Status
Nicht offen für weitere Antworten.

julieann

Erfahrenes Mitglied
Hallo!

Also, ich habe folgendes Problem:
Mein Layout arbeitet mit divs.
Nun hat einer ("disclaimer") einen Inhalt, der zu groß ist. Somit möchte ich die Höhe (absolut) begrenzen und einen scroll erzwingen. Aber das klappt irgendwie nicht. Obwohl ich dachte, dass ich das einfach mit "height" im header machen könnte.

Ich poste mal den Code. Als Content-Layer mal nur der disclaimer-div, wegen der Übersicht. Ein bißchen Java (Ein/Ausblenden der Layer) lass ich auch mal weg.

Code:
Code:
<html>

<head>





<style type="text/css">
<!--


#back         {margin-left: -390px; margin-top: -295px;}
#startbutton  {margin-left: -205px; margin-top: -46px}
#home         {margin-left: -50px; margin-top: -50px}
#about        {margin-left: -90px; margin-top: -100px}
#service      {margin-left: -90px; margin-top: -100px}
#agb          {margin-left: -90px; margin-top: -100px}
#impressum    {margin-left: -90px; margin-top: -100px}
#kontakt      {margin-left: -90px; margin-top: -110px}
#disclaimer   {margin-left: -90px; margin-top: -110px; height: 10px}


BODY,A {


scrollbar-face-color:#03193B;
scrollbar-highlight-color:#91B3C7;
scrollbar-3dlight-color:#91B3C7;
scrollbar-darkshadow-color:#91B3C7;
scrollbar-shadow-color:#91B3C7;
scrollbar-arrow-color:#91B3C7;
scrollbar-track-color:#91B3C7;



}

-->
</style>
<STYLE>
a:link  {
        color : #FFFFFF;
        text-decoration : none;

}

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

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

a:hover  {
        color :#00FF00;
        text-decoration : underline;
      
}
</STYLE>


<SCRIPT language=JavaScript>

<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->



</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
  <!--
  //JavaScript Disjointed Imagemap Code
  //copyright daxassist, 2000-2004
  //visit http://www.daxassist.com for this and other javascripts with full tutorials.

  if(document.images) {
    pics = new Array();
    pics[01] = new Image();
    pics[01].src = "Bilder/menuabout.gif";
    pics[02] = new Image();
    pics[02].src = "Bilder/menuservice.gif";
    pics[03] = new Image();
    pics[03].src = "Bilder/menuagb.gif";
    pics[04] = new Image();
    pics[04].src = "Bilder/menukontakt.gif";
    pics[05] = new Image();
    pics[05].src = "Bilder/menuimpressum.gif";
    pics[06] = new Image();
    pics[06].src = "Bilder/menudisclaimer.gif";
    pics[07] = new Image();
    pics[07].src = "Bilder/menu.gif";
    pics[08] = new Image();
    pics[08].src = "Bilder/menuhome.gif";
  }
    function changer(from,to) {
    if(document.images) {
    document.images[from].src = pics[to].src;
    }
  }
  

</head>












<body bgcolor="#03193B" onload="dynAnimation()">

<DIV id="back" style="Z-INDEX: 5; POSITION: absolute; top: 50%; left: 50%; width: 780px; height: 590px;">


<table border="0" width="800" background="Bilder/back.gif" height="159" align="center">
  <tr>
    <td width="239" height="150">
    
&nbsp;

       </td>
    <td width="547" height="150">&nbsp;</td>
  </tr>
  <tr>
    <td width="786" height="342" colspan="2">




    <map name="FPMap0">
     <area shape="rect" coords="14, 29, 100, 60" href="#" alt="Home" onMouseOver="changer('holder',08);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:show_home()>

    <area shape="rect" coords="14, 79, 217, 120" href="#" alt="Über Technixx-Service" onMouseOver="changer('holder',01);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:show_about()>

    <area shape="rect" coords="14, 145, 190, 180" href="#" alt="Serviceleistungen" onMouseOver="changer('holder',02);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:show_service()>
    
    <area shape="rect" coords="16, 200, 154, 238" href="#" alt="AGB / Preise" onMouseOver="changer('holder',03);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:show_agb()>
    
    <area shape="rect" coords="13, 264, 116, 298" href="#" alt="Kontakt" onMouseOver="changer('holder',04);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:show_kontakt()>
    
    <area shape="rect" coords="14, 325, 130, 365" href="#" alt="Impressum" onMouseOver="changer('holder',05);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:show_impressum()>
    
    <area shape="rect" coords="13, 380, 133, 422" href="#" alt="Disclaimer" onMouseOver="changer('holder',06);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:show_disclaimer()>

    
    </map>
    
    
    <img name="holder" id="holder0" border="0" src="Bilder/menu.gif" usemap="#FPMap0" width="223" height="440">




<div id="disclaimer" style="POSITION: absolute; top: 50%; left: 50%; 	visibility: hidden;">

	<font face="Arial" color="#FFFFFF" size="3">
		<center>
<u>Disclaimer</u>
			<br><br>
	<font size="2">
<b>Copyright</b><br>
Alle Rechte vorbehalten. Nachdruck - auch auszugsweise -, Übernahme in andere elektronische Medien sowie andere Internet-Objekte, Verwendung von Ausschnitten zu Werbezwecken oder Benutzung für die gewerbsmäßige Adressenveräußerung sind untersagt und werden als Verstoß gegen die Gesetze zum Urheberrecht und zum Wettbewerbsrecht gerichtlich verfolgt. Der Herausgeber und Verleger übernimmt für die Richtigkeit der gemachten Angaben keine Gewähr. Für Schäden, die aufgrund fehlerhafter oder unterbliebener Eintragungen entstehen, wird keine Haftung übernommen. Das Setzen von Links auf den Internet-Auftritt der Technixx-Service GmbH oder auf seine Bestandteile erfordert die Zustimmung des Herausgebers und Verlegers.
  
 <br><br>
 <b>Erklärung zu externen Links</b><br>
Dieser Online-Auftritt enthält Links zu Inhalten externer Anbieter. Hiermit erkläre ich, dass ich mich ausdrücklich von sämtlichen Inhalten externer Anbieter, zu denen auf dieser Seite Links gelegt wurden, distanziere. Damit folge ich dem Urteil des LG Hamburg vom 12. Mai 1998, nach dem die Ausbringung eines Links bereits unter Umständen die Verantwortung für die Inhalte der gelinkten Seite einschließt, es sei denn, der Anbieter distanziert sich von allen Inhalten. Ich stelle mich hiermit von allen Einflüssen auf Gestaltung und Inhalt der gelinkten Seiten frei. Diese Erklärung gilt für alle hier angelegten Links und Banner. 
 


	</center>
	</font>

</div>






    </td>
  </tr>
 
</table>

</div>
</body>

</html>


Kann mir jemand weiterhelfen?
 
Zuletzt bearbeitet:
Hi,

versuch mal, dem Selektor #disclaimer die Eigenschaft overflow mit dem Wert auto zuzuweisen.
Code:
#disclaimer{overflow: auto; margin-left: -90px; margin-top: -110px; height: 10px;}
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück