Thommy F.: Warum wird die Größe nicht dynamisch angepasst

Beitrag lesen

SELF-Forum

Warum wird die Größe nicht dynamisch angepasst

Thommy F.
– Informationen zu den Bewertungsregeln

Hallo Forum,

ich bin wahrscheinlich wieder mal betriebsblind.

ich habe folgende CSS-Datei:

  
body  
{  
  background-color : #CCCCCC;  
  font-style: "AlphaHeadlineCE-Regular", "Arial";  
  font-size: 12px;  
  color : #ED0000;  
}  
  
#main  
{  
  background-color: #FFFFFF;  
  margin-top: 0px;  
  margin-left: auto;  
  margin-right: auto;  
  margin-bottom: 0px;  
  width : 920px;  
  min-height: 100%;  
  padding-top: 10px;  
  padding-left: 10px;  
  padding-right: 10px;  
  font-style: "AlphaHeadlineCE-Regular", "Arial";  
  font-size: 14px;  
  color : #ED0000;  
}  
  
  
#header_top  
{  
  padding-top: 30px;  
  height : 128px;  
  width : 940px;  
  margin-left: auto;  
  margin-right: auto;  
  margin-top: 0px;  
  padding-bottom : 0px;  
  background-image: url(images/bg_header_top_AH.png);  
  background-repeat: no-repeat;  
  background-position: top center;  
}  
  
  
  
#content  
{  
  margin-top: 0;  
  margin-bottom: 0px;  
  padding-top : 10px;  
  padding-bottom : 10px;  
  font-style: "AlphaHeadlineCE-Regular", "Arial";  
  font-size: 15px;  
  color : #000000;  
}  
  
#footer  
{  
  height : 60px;  
  width : 940px;  
  margin-left: auto;  
  margin-right: auto;  
  margin-top: 0px;  
  padding-top: 0px;  
  padding-bottom : 0px;  
  background-image: url(images/bg_footer_AH.png);  
  background-repeat: no-repeat;  
  background-position: center center;  
  font-style: "AlphaHeadlineCE-Regular", "Arial";  
  font-size: 12px;  
  color : #ED0000;  
  clear: both;  
  
}  
  
#headernav  
{  
  border-top: 2px groove #000000;  
  border-bottom: 2px ridge #000000;  
  margin-top: 2px;  
  padding-top: 2px;  
  padding-bottom: 2px;  
  clear: both;  
}  
  
  
#headernav a  
{  
  padding-left: 15px;  
  padding-right: 15px;  
  padding-bottom: 1px;  
  padding-top: 1px;  
  margin-left: 5px;  
  margin-right: 5px;  
  font-style: "AlphaHeadlineCE-Regular", "Arial";  
  font-size: 16px;  
  color : #ED0000;  
  font-weight : bold;  
  text-decoration: none;  
}  
  
  
#headernav a:hover  
{  
  padding-left: 15px;  
  padding-right: 15px;  
  padding-bottom: 1px;  
  padding-top: 1px;  
  margin-left: 5px;  
  margin-right: 5px;  
  font-style: "AlphaHeadlineCE-Regular", "Arial";  
  font-size: 16px;  
  color : #000000;  
  font-weight : bold;  
  text-decoration: none;  
  border-bottom: 2px solid #ED0000;  
}  
  
  
#subnav  
{  
  float: left;  
  width: 100px;  
  background-image: url(images/subnav_bg.jpg);  
  background-repeat: repeat-y;  
}  
  
  
#subnav a  
{  
  padding-left: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-top: 0px;  
  margin-top: 3px;  
  margin-bottom : 3px;  
  margin-left: 0px;  
  margin-right: 0px;  
  font-style: "AlphaHeadlineCE-Regular", "Arial";  
  font-size: 15px;  
  color : #ED0000;  
  font-weight : bold;  
  text-decoration: none;  
  width : 100px;  
  display: block;  
  border-bottom: 2px groove #000000;  
}  
  
  
#inhalt  
{  
  min-height: 100%;  
  margin-top: 0px;  
  margin-bottom: 0px;  
  width: 920px;  
  
}

und dazu die folgende HTML-Datei

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  <html>  
    <head>  
      <title>  
        TEST.HTML  
      </title>  
      <meta name="robots" content="index, follow">  
      <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">  
      <meta name="description" content="">  
      <meta name="keywords" content="">  
      <meta name="author" content="***">  
      <meta name="language" content="de">  
      <link rel="stylesheet" type="text/css" href="style_ahk.css">  
      <link rel="shortcut icon" type="image/png" href="images/favicon.png">  
    </head>  
    <body>  
      <div id="header_top">  
        <img src="images/Banner.png" border="0" alt="" title="">  
      </div>  
      <div id="main">  
        <div id="headernav">  
          <table align="center" border="0" cellspacing="0" cellpadding="0">  
            <tr>  
              <td align="center" valign="middle">  
                <a href="index.html" target="_self">Home</a>  
                <a href="index_ah.html" target="_self">Aktuelles</a>  
                <a href="profile_ahk.html" target="_self" style="color: #000000; border-bottom: 2px solid #EA0104;">&Uuml;ber uns</a>  
                <a href="modelle_ahk.html" target="_self">Modelle</a>  
                <a href="service_ahk.html" target="_self">Service</a>  
                <a href="galerie_ahk.html" target="_self">Bilder</a>  
                <a href="links_ahk.html" target="_self">Links</a>  
                <a href="kontakt_ahk.html" target="_self">Kontakt</a>  
                <a href="impressum_ahk.html" target="_self">Impressum</a>  
              </td>  
            </tr>  
          </table>  
        </div>  
        <div id="content">  
          <div id="subnav">  
            <a href="oeffnungszeiten_ahk.html" target="_self">&Ouml;ffnungszeiten</a>  
            <a href="philosophie_ahk.html" target="_self">Philosophie</a>  
            <a href="anfahrt_ahk.html" target="_self">Anfahrt</a>  
            <a href="team_ahk.html" target="_self">Team</a>  
          </div>  
          <div id="inhalt">  
            test  
          </div>  
        </div>  
      </div>  
      <div id="footer">  
        <table align="center" border="0" cellspacing="0" cellpadding="0">  
          <tr>  
            <td align="center" valign="top">  
              <br><b>Anschrift</b> - Stra&szlig;e HausNr - PLZ Ort<br>  
              Tel: +++++ / ** ** ** * * Fax: ***** / ** ** * * Mail: mail@domain.de  
            </td>  
          </tr>  
        </table>  
      </div>  
    </body>  
  </html>

aus mir unerfindlichen Gründen wird allerings die Höhe der main bzw. der content NICHT dynamisch angepasst. d.h. um das von mir gewünschte Resultat zu bekommen müsste ich den Content-Bereich mit leerzeilen auffüllen, da er nicht bis zum footer-bereich an die höhen der subnav und der inhalts-id angepasst wird. WO zum Geier ist der Denkfehler, bitte?

Beitrag melden
–
Informationen zu den Bewertungsregeln