kostenloser Webspace werbefrei: lima-city

Problem mit den height werten.

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   marvinkleinmusic

   

   marvinkleinmusic hat kostenlosen Webspace.

   1:42, 22.7.2013

   Hallo Zusammen,
   
   Ich habe ein Problem mit meinen height werten für verschiedene Div Container.
   
   Und zwar sollen die sich der länge des inhalts anpassen , da sonst die Einträge außerhalb des Hauptcontainers liegen.
   
   Das selbe Problem habe ich auch bei dem Container der den Text aus der Datenbank ließt dieser führt ebenfalls außerhalb des Containers einfach den text fort.
   Ich habe es schon mit height:fixed; versucht aber leider ohne Erfolg.
   
   Vielleicht kann mir ja jemand von euch weiterhelfen.
   
   Ich habe hier einmal das Div System und einmal die beiliegenden CSS Codes:
   
   DIV:
   

   <div id="container">
   <?php
   echo"
   <fieldset style='height:fixed;'>
   <div class='post-complete'>	
   	<div class='post-timeline'>
   	
   		<div class='img-container'>
   			<img class='img-profile' src='";if($profil_row->profilbild == ""){echo"images/profile.png'";}echo"$profil_row->profilbild' alt='$row->username' title='$row->username' href='profile.php?username=$row->username' />
   		</div>
   	
   	<p align='left'><a href='profile.php?username=$row->username'>$row->username</a></p>
   	<div class='post-content'>
   	$text
   	</div>
   	</div>
   </div></fieldset><br /><br />";
   ?>
   </div>

   
   
   
   CSS:
   

   .post-content{
   width:500px;
   clear:both;
   height:fixed;
   
   
   }
   
   .img-container{
   width:90px;
   height:90px;
   float:left;
   
   }
   
   .img-profile{
   border-radius:100%;
   width: 90px;
   height: 90px;
   display: block;
   margin: -3px 8px 0 -3px;
   border: 1px solid #F5F5F5;
   box-shadow: 1px 2px 1px rgba(119, 119, 119, 0.4);
   }
   
   .post-timeline{
   float:right;
   width:500px;
   height:120px;
   }
   
   .post-complete{
   width:500px;
   height:fixed;
   }
   
   #container
   {
   padding-top:20px;
   font-family:Calibri;
   width:980px;
   height:9000px;
   background:#ffffff;
   border:1px solid black;
   border-radius:3px;
   	-moz-border-radius:3px;
   	-webkit-border-radius:3px;
   	-0-border-radius:3px;
   	clear:both;
   }

   
   
   Zur verständigung:
   Der div container mit der id container liegt noch unter 3 Boxen sowie ein header.
   
   
   LG und danke im vorraus! :)

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. pcw

   pcw hat kostenlosen Webspace.

   9:23, 22.7.2013

   Vielleicht solltest du es als erstes mit sauberem CSS versuchen.
   
   

   height:fixed;

   
   und
   

   0-border-radius: ...

   
   
   gibt es nicht.
   
   Ansonsten wäre ein LIVE-Beispiel der einfachere Weg, dem Problem auf den Grund zu gehen.
4. Autor dieses Themas

   marvinkleinmusic

   

   marvinkleinmusic hat kostenlosen Webspace.

   22:41, 22.7.2013

   Hallo nochmal,
   
   Ich habe es nach sehr viel google doch noch hinbekommen , die Lösung des Problems war super simple , ich musste einfach nur die werte für height komplett rausnehmen

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?