Tipps zu Forum Blocktemplate

[netrix 2]

Hallo, ich wollte mal fragen ob mir jemand sagen kann wie ich diesen Block effizienter gestalten kann (und evtl auch vom HTML her robuster)

 

<div class="category_block block_wrap">
<div class="ipsBox table_wrap">
	<h3 class="maintitle">{$title}</h3>
    <div class="ipsBox_container">
    <div class="header" id="recent_post_head">
    	<div class="topic_title">
        	<span>Title</span>
        </div>
        <div class="start_date_place">
        	<span>Erstellungsdatum und Ort</span>
        </div>
        <div class="replies">
        	<span>Antworten</span>
        </div>
        <div class="views">
        	<span>Aufrufe</span>
        </div>
        <div class="last_action">
        	<span>Letzer Beitrag</span>
        </div>
    </div>
    
    <div class="postlist">
    
    			<if test="is_array( $records ) && count( $records )">
		{parse striping="feed_striping" classes="row1,row2 altrow"}
		<foreach loop="$records as $r">
		<div class='hentry {parse striping="feed_striping"}' id='recent_post'> 
			<div class="topic_title"> <if test="$r['poll_state'] == '1'"><span id="anonymous_element_103" class="topic_prefix">Umfrage </span></if><strong><a href='{$r['url']}page__view__getnewpost' rel='bookmark' title='{$r['title']}'>{$r['title']}</a></strong><br>{$r['topic_description']}
			</div>
			<div class="topic_data">
            	<span>Erstellt von <a href='{parse url="showuser={$r['starter_id']}" base="public"}'>{$r['starter_name']}</a>, am {parse date="$r['start_date']" format="short"}, in <a href='{parse url="showforum={$r['forum_id']}" template="showforum" seotitle="{$r['name_seo']}" base="public"}'>{$r['fname']}</a></span>
        	</div>
            <div class="topic_answer_counter">
            	<span>Antworten</span> <span>{$r['topic_posts']}</span>
            </div>
            <div class="topic_view_counter">
            	<span>Aufrufe</span> <span>{$r['views']}</span>
            </div>
            <div class="topic_answer">
            	<if test="$r['topic_posts'] != 0">
            	<span><a href='{parse url="showuser={$r['member_id']}" base="public"}'><img src='{$r['pp_mini_photo']}' width='{$r['pp_mini_width']}' height='{$r['pp_mini_height']}' class='photo'  /></a> Von <a href='{parse url="showuser={$r['member_id']}" base="public"}'>{$r['members_display_name_short']}</a></span><br /><span class="replie_date">{parse date="$r['date']" format="short"}</span>
                </if>
            </div>
		</div>
</foreach>
		</if>
    
    </div> 
</div>
</div>  
</div>
<br class="recent_post_bottom" />

<style>
#recent_post>div, #recent_post_head>div {
	display: inline-block !important;
}
#recent_post {
	height:60px;
	position:relative;
	width: 100%;
	border-bottom:thin lightgray solid;
}
#recent_post>div {
	vertical-align: middle;
}
.topic_data {
	position:absolute;
	bottom: 10px;
	left: 10px;
}
#recent_post .topic_title {
	width: 60%;
}
#recent_post_head .topic_title {
	width: 40%;
}
#recent_post_head .start_date_place {
	width:20%;
}
#recent_post .topic_answer_counter {
	position:absolute;
	left: 65%;
	top: 12px;
}
#recent_post .topic_view_counter {
	position:absolute;
	left: 65%;
	bottom: 12px;
}
#recent_post .topic_answer {
	position:absolute;
	left: 80%;
	top: 10px;
}
#recent_post .topic_answer .replie_date {
	margin-top: 5px;
}
#recent_post_head .views {
	width:10%;
}
#recent_post_head .replies {
	width:10%;
}
#recent_post_head .last_action {
	margin-right:0px;
}
#recent_post .topic_title {
	position:absolute;
	top: 5px;
	left: 7px;
}
.recent_post_bottom {
	margin-bottom:10px;
}

#recent_post_head > div {
	border-right-color: grey;
	border-right-style: solid;
	border-right-width: 1px;
}

#recent_post_head .last_action {
	border-right-style: none;
}
</style>