jeff: Größe eines übergeordneten div automatisch anpassen

Beitrag lesen

Wie man das wohl dem Quelltext entnehmen kann, ist das alles nur ein Hobby und nicht gerade sauber programmiert...
Ich möchte eh nochmal das ganze css überarbeiten (auch wenn es "nicht viel mit css zu tun hat"). deswegen wäre ich über ein paar hinweise sehr dankbar.
muss nur die klasse index im textfluss mit eingebunden sein, damit big_div seine größe ändert?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  
      "http://www.w3.org/TR/html4/loose.dtd"  

><html>  

      <head>  
          <title>CODING MONKEYS IMPERIUM - Max Schumann, Diego Jahn</title>  
          <link rel="stylesheet" href="css/website_css.css" type="text/css">  
          <link rel="shortcut icon" type="image/x-icon" href="monkey_icon2.ico">  
          <meta name="author" content="Diego Jahn, Max Schumann">  
          <meta name="keywords" lang="de" content="Diego Jahn, Max Schumann, Coding Monkeys Imperium, CMI">  
      </head>  
<body background="images/site/background.gif">  
      <div class="big_div" id="big_div">  
              <div style="float:left" class="symbol">&nbsp;</div>  
              <div style="float:left" class="headline"><font color="#F5F5F5">CODING MONKEYS IMPERIUM</font></div>  
          <div class="index" id="inhalt_frame">  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  
<html>  
<head>  
 <title>MS.DJ</title>  
 <link rel="stylesheet" href="website_css.css" type="text/css">  
</head>  
  
<body>  
  
<h1 align="center">Herzlich Willkommen!!</h1>  
  
<p>Diese Website ist zur Zeit noch im Aufbau. Sie dient momentan noch zur Pr&auml;sentation von Arbeitsergebnissen.</p>  
<p>Aktuell: Projektwoche am <a href="http://mcg-dresden.de" title="Homepage des MCG" target="_blank">Marie-Curie-Gymnasium Dresden</a> vom 16.06.-20.06.2008 zum Thema <a href="?section=morphin" title="Artikel lesen">Arzneimittel: Morphin</a>.</p>  
  
<div align="center"><a href="images/site/cmi.png"><img src="images/site/cmi.png" width="385" height="346" border="0"></a></div>  
<br>  
<p><b>Viel Spa&szlig; w&uuml;nscht Ihnen das C.M.I.!</b></p>  
  
<div align="right" border="3" border-color="red" title="Beta-Version" position:absolute;bottom:0px;>  
<br><br><br><br><br><br>  
<a href="beta/b_startseite.html">  
.  
</href></div>  
  
</body>  
  
</html>          </div>  
          <div class="navigation" id="navigation">  
<html>  
<head>  
<title></title>  
<link rel="stylesheet" href="website_css.css" type="text/css">  
  
</head>  
<script>  
g_lastSelectedMenu="";  
  
function load_projekte() {document.getElementById('inhalt_frame').src="projekte.html?random"+Math.random();}  
function toggleMenuArea(menuPointID)  
{  
  
 if(g_lastSelectedMenu!="" && g_lastSelectedMenu!=menuPointID)  
 {  
  document.getElementById(g_lastSelectedMenu).style.display="none";  
 }  
  
  
  
 if(document.getElementById(menuPointID).style.display=="none")  
 {  
  document.getElementById(menuPointID).style.display="block";  
 }  
 else  
 {  
  document.getElementById(menuPointID).style.display="none";  
 }  
  
 g_lastSelectedMenu=menuPointID;  
}  
</script>  
<body>  
  
  
  
<!--inhalt-->  
  
<div class="sub_navi_top">  
  
<h1 class="ueberschrift_navigation">Themen&uuml;bersicht</h1>  
</div>  
  
<div class="sub_navi">  
        <a href="?section=startseite" title="Startseite" class="navLink">  
        <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Startseite</a>  
        <p>  
</div>  
  
<!--div class="sub_navi">  
        <a href="startseite.html" target="inhalt_frame" title="Startseite" class="navLink">  
        <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Startseite</a>  
        <p>  
</div-->  
  
  
<div id="menu1" class="sub_navi"  
   onclick="toggleMenuArea('submenu1')"  
   style="cursor:pointer"><a href="#" title="Projekte">  
   <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">  
   <a href="#" class="navLink">Projekte</a></div>  
  
  
<div id="submenu1" style="display:none">  
  
<div class="sub_navi_hidden">  
        <a href="?section=bionik" title="Bionik" class="navLink">  
        <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Bionik</a>    <!--untermenue bionik-->  
        <p>  
</div>  
  
<div class="sub_navi_hidden">  
        <a href="?section=morphin" title="Morphin" class="navLink">  
        <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Morphin</a>   <!--untermenue morphin-->  
        <p>  
</div>  
  
<div class="sub_navi_hidden">  
        <a href="?section=schnittstellen" title="Schnittstellen" class="navLink">  
        <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Schnittstellen</a>    <!--untermenue schnittstellen-->  
        <p>  
</div>  
  
<!--div style="cursor:pointer">Morphin</div>  
<div style="cursor:pointer">Schnittstellen</div>  
<div style="cursor:pointer">Unter menu4</div-->  
  
</div>  
  
<!--div class="sub_navi">  
        <a href="#" onclick="top.load_bionik()" title="Bionik" class="navLink">  
             <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Morphin</a>  
        <p>  
</div>  
  
<div class="sub_navi">  
        <a href="#" onclick="top.load_morphin()" title="Morphin" class="navLink">  
             <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Morphin</a>  
        <p>  
</div>  
  
<div class="sub_navi">  
             <a href="#" onclick="top.load_schnittstellen()" title="Schnittstellen" class="navLink">  
             <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Schnittstellen</a>  
                <p>  
</div-->  
  
<div class="sub_navi_bottom">  
        <a href="?section=impressum" title="Impressum" class="navLink">  
             <img src="images/site/dreieck.png" height="10px" width="10px" hspace="5px" border="0">Impressum</a>  
        <p>  
</div>  
  
</body>  
</html>          </div>  
          <div class="bottomline">  
              <i>Optimiert f&uuml;r Mozilla Firefox 2.x/3.x, Safari 3.x</i>&nbsp;&nbsp;|  
              <a href="index2.html" title="-->1280x1024" class="navminiLink">1024x768</a>&nbsp;&nbsp;|&nbsp;&nbsp;Diego Jahn&nbsp;|&nbsp;Max Schumann&nbsp;|&nbsp;  
              <script type="text/javascript">  
                  var jetzt = new Date();  
                  var Monat = jetzt.getMonth();  
                  var Jahr  = jetzt.getFullYear();  
                  var Tag = jetzt.getDate();  
                  var Stunde = jetzt.getHours();  
                  var Minute = jetzt.getMinutes();  
                  if (Monat < 10) {  
                      document.write(Tag + ".0" + Monat + "." + Jahr + " | " + Stunde + ":" + Minute + " Uhr");  
                  }  
                  if (Monat > 9) {  
                      document.write(Tag + "." + Monat + "." + Jahr + " | " + Stunde + ":" + Minute + " Uhr");  
                  }  
              </script>  
              &nbsp;|&nbsp;<a href="#top" class="navminiLink">nach oben</a>  
          </div>  
      </div>  
</body>  
</html>