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

Beitrag lesen

SELF-Forum

Größe eines übergeordneten div automatisch anpassen

jeff
– Informationen zu den Bewertungsregeln

index.php:

<?php  
    ...  
  
    echo "<body background=\"images/site/background.gif\">\n";  
  
    echo "      <div class=\"big_div\" id=\"big_div\">\n";  
    echo "              <div style=\"float:left\" class=\"symbol\">&nbsp;</div>\n";  
    echo "              <div style=\"float:left\" class=\"headline\"><font color=\"#F5F5F5\">CODING MONKEYS IMPERIUM</font></div>\n";  
  
    echo "          <div class=\"index\" id=\"inhalt_frame\">\n";  
    include "content/site/content.php";  
    echo "          </div>\n";  
  
    echo "          <div class=\"navigation\" id=\"navigation\">\n";  
    include "navigation.html";  
    echo "          </div>\n";  
  
    echo "          <div class=\"bottomline\">\n";  
    echo "              <i>Optimiert f&uuml;r Mozilla Firefox 2.x/3.x, Safari 3.x</i>&nbsp;&nbsp;|\n";  
    echo "              <a href=\"index2.html\" title=\"-->1280x1024\" class=\"navminiLink\">1024x768</a>&nbsp;&nbsp;|&nbsp;&nbsp;Diego Jahn&nbsp;|&nbsp;Max Schumann&nbsp;|&nbsp;\n";  
    echo "              <script type=\"text/javascript\">\n";  
    echo "                  var jetzt = new Date();\n";  
    echo "                  var Monat = jetzt.getMonth();\n";  
    echo "                  var Jahr  = jetzt.getFullYear();\n";  
    echo "                  var Tag = jetzt.getDate();\n";  
    echo "                  var Stunde = jetzt.getHours();\n";  
    echo "                  var Minute = jetzt.getMinutes();\n";  
    echo "                  if (Monat < 10) {\n";  
    echo "                      document.write(Tag + \".0\" + Monat + \".\" + Jahr + \" | \" + Stunde + \":\" + Minute + \" Uhr\");\n";  
    echo "                  }\n";  
    echo "                  if (Monat > 9) {\n";  
    echo "                      document.write(Tag + \".\" + Monat + \".\" + Jahr + \" | \" + Stunde + \":\" + Minute + \" Uhr\");\n";  
    echo "                  }\n";  
    echo "              </script>\n";  
    echo "              &nbsp;|&nbsp;<a href=\"#top\" class=\"navminiLink\">nach oben</a>\n";  
    echo "          </div>\n";  
    //echo "            <br style=\"clear:both;\" />\n"; // css-float beenden  
    echo "      </div>\n";  
  
    echo "</body>\n";  
    echo "</html>\n";  
?>

css für big_div:

div.big_div {  
  
font-family:Arial;  
position:relative;top:0;  
border-style:none;  
/*---800px/1000px---*/  
width:800px;  
min-height:1000;  
background-color:F7F7F7;  
margin:0 auto 0 auto;  
}

css für das div mit dem inhalt:

div.index {  
  
position:absolute;top:140px;left:220px;  
border-style:solid;  
border-color:#59607A;  
border-width:1px;  
font-family:Arial;  
/*---510px/712px---*/  
width:510px;  
padding:20px;  
margin-bottom:20px;  
min-height:690px;  
background-color:/*#F4F4F4*/#EDEDED;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln