Sipatshi: bestimme div id´s automatisch verlängern lassen.

Hallo zusammen,

wie kann ich in der Vertikale, id="lehrer_schueler" und div id="main" automatisch velängern lassen wenn z.B. der Text in der Tabelle, mit dem Textinhalt "grüner hintergrund" viel viel länger wäre als wie sonst.

Ich freue mich über jede hilfe und beitrag :-)

Gruß

Sipatshi

Hier mein Code:

<style type="text/css">

<!--
#main {
 position:absolute;
 width:1086px;
 height:936px;
 z-index:1;
 top: 15px;
 left: 10px;
}
#header {
 background-image: url(../head_blanko.jpg);
 position:absolute;
 width:870px;
 height:115px;
 z-index:1;
}
#werbung {
 position:absolute;
 width:186px;
 height:745px;
 z-index:2;
 left: 891px;
 top: 0px;
}
#navigation {
 position:absolute;
 width:870px;
 height:40px;
 z-index:3;
 left: 0px;
 top: 119px;
}
#lehrer_schueler {
 position:absolute;
 width:870px;
 height:580px;
 z-index:4;
 left: 0px;
 top: 183px;
}
.green_back        {   height: 241px;
                      width: 350px;
                      background-image: url(../green_back.jpg);
}

.blue_back        {   background-image: url(../blue.jpg);
                       height: 241px;
                       width: 350px;
}
.lr1               {   height: 241px;
}
-->
</style>
</head>

<body>
<div id="main">
  <div id="header"></div>
  <div id="navigation"></div>
  <div id="werbung"></div>

<div id="lehrer_schueler">
    <table width="870" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top" class="green_back" >grüner hintergrund</td>
        <td width="170" ></td>
        <td valign="top" class="blue_back" >blauer hintergrund</td>
      </tr>
    </table>

</div>
</div>
</body>
</html>

  1. Guten Abend.

    Wenn Du keine feste Breite angibst, verlängert sich das jeweilige Tabellenfeld automatisch. Eine minimale Breite kann bei modernen Browsern mit der CSS-Eigenschaft http://de.selfhtml.org/css/eigenschaften/positionierung.htm#min_width@title=min-width angegeben werden. Für den MSIE gibt es einige Möglichkeiten, dieses Verhalten zu imitieren.

    Gruß, LX

    --
    X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: Unusual
    X-Please-Search-Archive-First: Absolutely Yes
    1. danke für den Tip :-)

      Gruß

      Sipatshi