|
||||
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> 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. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |