div dynamisch nach text anpassen? (hoehe)

[Stephan Liebig]

Ich habe ein kleines Problem. Mein DIV passt sich nicht automatisch der Textlänge an.

Mein Hauptdiv:

<div id="content">
 //Hier werden die Einzelnen Texte geladen....
</div>

Und hier ist das div-Element, bei dem ich gemerkt habe, dass es sich nicht meinem Text anpasst, sondern nach einer gewissen höhe, nämlich einer Fensterhöhe (100%) aufhört.

	echo '<div id="suk_folien">';
	 echo '<div class="inhaltDiv">';
	  include("cplusplus_text.inc.php");
	 echo '</div>';
	echo '</div>';

CSS:

#content {
	background-color: #f9f9f9;
  	position: absolute;
 	top: 235px;						/* Abstand zum oberen Fensterrand */
  	left: 0px;						/* Abstand zum linken Fensterrand */
  	height: 100%;					/* Blockhöhe */
	white-space: normal;
	width: 800px;
  	padding: 0px;						/* Interpretation Boxmodell! */
  	overflow: hidden;				/* Scrollbalken unterbinden */
	border: 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    }
#content .inhaltDiv {
  	margin: 20px;					/* Abstand des Inhalts zum Blockrand */
	width: 760px;
	}
#suk_folien {
	background-color: #f9f9f9;
  	position: absolute;
 	top: 40px;
  	left: 30px;
  	height: inherit;
	width: auto;
  	padding: 0px;
  	overflow: hidden;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    }
#suk_folien .inhaltDiv {
  	margin: 10px;
	width: auto;
	}

Wo ist denn das Problem? Der IE macht da noch mehr probleme.

 

[Maik]

Hi,

das Problem dürfte die Positionierung der beiden DIVs #content und #suk_folien sein.

Versuch es stattdessen mal mit der margin-Eigenschaft:

 

[Stephan Liebig]

Wie margin Eugenschaft. Ich glaub ich stehe gerade auf dem Schlauch.

 

[Maik]

#content {
background-color: #f9f9f9;
margin-top: 235px;                                               /* Abstand zum oberen Fensterrand */                               
height: 100%;                                        /* Blockhöhe */
white-space: normal;
width: 800px;
padding: 0px;                                                /* Interpretation Boxmodell! */
overflow: hidden;                               /* Scrollbalken unterbinden */
border: 1px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#suk_folien {
background-color: #f9f9f9;
margin-top: 40px;
margin-left: 30px;
height: inherit;
width: auto;
padding: 0px;
overflow: hidden;
border: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

 

[Stephan Liebig]

Hilft aber irgendwie nichts

 

[Maik]

Kannst du mal den vollständigen HTML- (PHP-geparst!) und CSS-Code für das Dokument zeigen, oder den Link zur Seite nennen, denn mein Vorschlag funktioniert grundsätzlich einwandfrei.