zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Kleiner problem miut der höhe des div elements

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.10.2006, 20:45
Benutzerbild von Griborim
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.10.2006
Ort: Angelbachtal
Beiträge: 3
Griborim befindet sich auf einem aufstrebenden Ast
Standard Kleiner problem miut der höhe des div elements

Hi ich hab ein kleines PRoblem mit denn divs, undzwar bastle ich derzeit ein forum mit hilfe von divs etc. klappt auch alles super auser bei der post ansicht, da will die div box mit dem text einfach nicht die volle höhe annehmen wenn die box des users höher ist als der textbox.

Hier mal die demo dürfte man gleich erkennen was das problem ist.

Virenbeseitigung.de | Forum

Und hier noch der Code der jeweiligen boxen

Code:
<div class="post_content">
	<div class="post_user">
		<a href="../profile.php?userid=$post[userid]">$post[username]</a>
		<div class="post_user_info">
			Beiträge: $post[posts]<br />
			<img src="../img/avatars/avatar-1.gif" alt="" title="" />
		</div>
	</div>
	<div class="post_body">
		<div class="post_head">
			<div class="post_head_titel">
				$post[titel]
			</div>
			<div class="post_head_date smallfont">
				$date
			</div>
			<a href="#$post[post_id]"><div class="post_id" id="$post[post_id]">$post[post_id]</div></a>
		</div>
		$post[post]
		<div class="post_foot">Fussbereich</div>
	</div>
</div>
Und hier der dazugehörige css code

Code:
/* ### -- -- -- -- -- Defenitionen der Klassen für den Aufbau der Seite (Forum-Posts)-- -- -- -- -- ### */

.post_content {
	border: 1px solid #0A0A4A;
	background-color: #424294;
	color: #FFCC99;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 95%;
	text-align: left;
	overflow: hidden;
}

.post_user {
	width: 160px;
	float: left;
	padding: 2px 0px;
	text-align: center;
}

.post_user_info {
	margin: 2px 0px;
	border-top: 1px dotted #0A0A4A;
	border-bottom: 1px dotted #0A0A4A;
}

.post_body {
	margin: 0px 0px 0px 160px;
	background-color: #5252AA;
	padding: 0px 25px;
	border-left: 1px dotted #0A0A4A;
	height: 100%;
}

.post_head_date {
	text-align: right;
	padding: 0px 36px 0px 0px;
}

.post_head_titel {
	float: left;
	font-weight: bold;
	font-size: 13px;
}

.post_head {
	border-bottom: 1px solid #0A0A4A;
	margin-bottom: 10px;
	padding: 2px 0px;
}

.post_foot {
	border-top: 1px solid #0A0A4A;
	margin-top: 10px;
	padding: 2px 0px;
}

.post_id {
	background-image: url(./img/post_id.gif);
	background-repeat:no-repeat;
	text-align: center;
	color: #000000;
	padding: 6px 0px 0px 2px;
	margin: -15px -4px 0px 0px;
	font-weight: bold;
	height: 32px;
	width: 36px;
	float: right;
}

Das overflow: hidden; ist dazu da wenn eben die rechte box mit denn usern daten länger wie die box rechts ist das es nicht über denn rand steht, denn ohne overflow: hidden passt sich die ganz äußere box nicht der höhe an sonder der inhalt steht über und alle darunter folgende boxen sind verschoben. Falls ihr da nee bessere lösung habt immer gern her damit.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Header entfernen tripple CSS 17 15.06.2010 16:41
Problem mit variabler Höhe shredder01 CSS 28 22.04.2010 13:55
Div auf maximale höhe EvilMoe CSS 2 13.03.2009 14:48
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 14:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:03 Uhr.