Frage von YellowEagle, 43

HTML DIV höhe relativ zum Content berechnen auch wenn dieser absolut ist?

Ich habe ein Forum aber wenn Nutzer längere Einträge verfassen dann wird der Divcontainer nicht größer sondern bleibt gleich groß(Ich habe dem Container keine "height" gegeben!)....

Antwort
von Shanakor, 30

Zuerst ein kleiner Tipp zu deinem geposteten Codebeispiel. 
Wenn du innerhalb eines php-Tags html code schreiben willst kannst du diesen mit echo "<html-code>"; ausgeben. Innerhalb des echo's kannst du problemlos auch php Variablen. 

Gib einfach deinem div, dem du eine automatische höhe zuordnen willst folgende css-Attribute:

    height:auto;
    min-height:30px;
    height:auto !important; /* for IE as it does not support min-height */
    height:30px; /* for IE as it does not support min-height */
Kommentar von YellowEagle ,

Bringt irgendwie nichts...

Ich habe im kommentar ein unter die ein Codebeispiel gepostet schau dir das doch bitte mal an.

PS: #yd_news hat folgende attribute:

    padding: 1px;
margin-top: 2px;
width: 70%;
margin-left: 20%;
background: white;
margin-bottom: 0px;
border: solid 1px #dedede;

+

    height:auto;
min-height:30px;
height:auto !important; /* for IE as it does not support min-height */
height:30px; /* for IE as it does not suppo
rt min-height */

und #yd_acc:

height: 300px;
background: #eaeaea;
width: 200px;
margin: 20px;
border: solid 1px #dedede;
text-align: center;

und #yd_eintrag (Das ist der Punkt wo es hakt...)

    position: absolute;
margin-left: 300px;
Kommentar von YellowEagle ,

Und die Website dann kannst du dir nochmal ein Bild machen:

EagleCraft.de

(Scroll einfach runter dann kommst du zu den "News" dann der erste Eintrag mit dem 1VS1 Bild der ist das Problem) 

Kommentar von Shanakor ,

Ok. Ich habe die Problemstellungfalsch verstanden. Sieh dir diesen post mal an:http://stackoverflow.com/q/10487292/50989844 Wenn du Zeit und Lust hast sieh dir einmal: bootstrap an. Dann musst Du nicht mehr soviel mit css basteln

Kommentar von YellowEagle ,

Danke sehr ich schau mir das mal an...

Und wegen Bootstrap...

Meine CSS Datei ist nur 11 Seiten lang ;)

Kommentar von Shanakor ,

11 Seiten sagen relativ wenig, da es darauf ankommt in welchem Editor/IDE man sich das ganze ansieht.

Kommentar von YellowEagle ,

Ja sag ja, "nur" :D.Mine IDE: PHPStorm

Antwort
von Shanakor, 31

Es würde um einiges helfen, wenn Du ein Codebeispiel posten würdest. Außerdem ist wahrscheinlich ein Forum wie Stackoverflow.com besser auf solche Fragen ausgerichtet ;)

Kommentar von YellowEagle ,
<div id="yd_news">
<div id="yd_rel">
<div id="yd_eintrag" style="height: 800px;">
<h1 id="yd_title"><?php echo $row->title;?></h1>
<?php if($row->img == ""){
} else {?> <img src="pics/<?php echo $row->img; ?>" alt="Bild.">
<?php } ?> <p><?php echo $row->beitr;?></p>
</div>
<div id="yd_accnews">
<?php $resulttt=mysql_query("SELECT bl FROM wacc WHERE user='$row->name'");
list($mname)=mysql_fetch_row($resulttt);

?> <div id="yd_pic"><img src='http://mc-heads.net/avatar/<?php echo $mname; ?>' /></div>
<!----Return_Rang----->
<?php if($rang == "Admin"){
?> <h3><a id="admin" href="profile.php?user=<?php echo $row->name; ?>"><?php echo $row->name;?></a></h3>
<p id="yd_important_admin">Admin</p>
<?php }
if($rang == "Mod"){

?> <h3><a id="mod" href="profile.php?user=<?php echo $row->name; ?>"><?php echo $row->name;?></a></h3>
<p id="yd_mod">Mod</p>
<?php }
?> <?php if($rang == "User"){
?> <h3><a id="user" href="profile.php?user=<?php echo $row->name; ?>"><?php echo $row->name;?></a></h3>
<p id="">Spieler</p>
<?php }
?> <!----Return_Rang----->
</div>
</div>
</div>
Antwort
von Spirit528, 18

Source? Fiddle oder sowas?

Keine passende Antwort gefunden?

Fragen Sie die Community