Einzelnen Beitrag anzeigen
Ungelesen 20.01.12, 13:52   #1
Tuxedo
Grafiklehrling
 
Benutzerbild von Tuxedo
 
Registriert seit: Mar 2010
Beiträge: 7
Bedankt: 56
Tuxedo ist noch neu hier! | 0 Respekt Punkte
Standard Div height abhängig von Längsten Inhalt machen?

Hallo Community,
ich habe ein problem mit den dem grauen Background hinter den 3 Spalten. Der Background soll immer so lang sein wie der längste Ihhalt. Also bei der Startseite ist der längste Inhalt die News. Bei Downloads ist der längste Inhalt die 1. Spalte mit dem Besucherzähler. Wie mache ich das? Ich zerbreche mir den Kopf darüber. Klick hier

Code für die 3 Spalten:
Code:
<div class="content">
	<div class="content_left">
		<img src="img/side_content/login.png" />
			<div class="content_left_main">
				<?php include("site/sidebar/login.php"); ?>
			</div>
		<img src="img/side_content/shoutbox.png" />
			<div class="content_left_main">
				<?php include("site/sidebar/shoutbox.php"); ?>
			</div>
				<center><a id="224821" href="http://www.gratis-kontaktformular.de">Kontaktformular Generator Php</a><s***** type="text/javas*****" language="JavaS*****" src="http://www.gratis-kontaktformular.de/kjsdfijsd.php?drgdgsdsf=224821&hth3sfhdh=2"></s*****></center>
	</div>
				<div class="content_middle">
				<img src="img/main_content.png" />
					<div class="content_middle_text">
											<?php
                                switch($_GET['site'])
                                {
                                case 'news': include "site/home/news.php"; break;
								case 'about_me': include "site/home/about_me.php"; break; 								
                                case 'downloads': include "site/downloads.php"; break;
								case 'contact': include "site/contact.php"; break;
								case 'imprint': include "site/imprint.php"; break;
								case 'gallery': include "site/gallery.php"; break;
                                default: header("Location:index.php?site=news");
                                }
                                ?>
					</div>

				</div>
	<div class="content_right">
		<img src="img/side_content/vodd.png" />
			<div class="content_right_main">
				<?php include("site/sidebar/vodd.php"); ?>
			</div>
		<img src="img/side_content/random_pic.png" />
			<div class="content_right_main">
				<?php include("site/sidebar/random_pic.php"); ?>
			</div>
		<img src="img/side_content/partner.png" />
			<div class="content_right_main">
				<?php include("site/sidebar/partners.php"); ?>
			</div>
	</div>
</div>
Css Code für die 3 Spalten:
Code:
/* INHALT DEFINITIONEN */
div.content{
	background-color: #ccc;
	font-family: Arial;
    font-size: 11pt;
	border: 1px #fff solid;
	border-radius: 10px;	
    width: 1160px;
	height: 1200px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 30px 15px 15px 15px;
}
/* INHALT LINKS */
div.content_left{
	width: 225px;
	float: left;
}
div.content_left_main{
	background-color: #696969;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
/* INHALT MITTE */
div.content_middle{
	background-color: #696969;
	color: #292929;
	border-radius: 10px;
	width: 700px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
div.content_middle_text{
	padding: 5px;
}
/* IHALT RECHTS */
div.content_right{
	margin: 0;
	width: 225px;
	float: right;
}
div.content_right_main{
	background-color: #696969;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 215px;
	margin-bottom: 10px;
	padding: 5px;
	float: right;
}
Hoffe ihr könnt mir helfen!

~Tuxedo
Tuxedo ist offline   Mit Zitat antworten