[HTML][CSS] Złe wyświetlanie DIV-ów, Czyli problemy ze wzrokiem.. Opcje

[Ramzaa]

Nie ma co się rozpisywać, zdjęcie i kod powinno wszystko wyjaśnić.

(IMG:http://img718.imageshack.us/img718/4504/sddb.png)

Kod wygląda następująco:

[PHP] pobierz, plaintext 
<div class="trow1" style="font-size: 11px; width: 190px; padding: 0; float: left;">
	<div style="padding: 5px; background: #dae1e6;">
		<img src="http://www.progames.pl/usr/pic/noavatar.gif"><br/>
		Posty:<br/>
		Grupa: Użytkownicy<br />
		Dołączył: 01.02.2003
	</div>
</div>
 
<div class="trow1" style="width: 791px; padding: 0; float: left; display: inline;">
	<div class="row-p" style="padding: 5px; background: #e8eef2;">
		text posta
	</div>
 
	if (warunek) { 
		$msf->content .= '
</div>
 
<div style="clear: both;">
	<div style="background-color: #dae1e6;">
		Link
		Link 2
	</div>
</div>';
	};
 
$msf->content .= '</div><div class="tcat-bottom" style="clear: both;"></div><br />';
[PHP] pobierz, plaintext 

Chodzi o to, że to ma wyglądać mniej więcej jak to: http://unisolutions.pl/index.php?act=topic...mp;p=1#post6049
To tylko taki przykład.. jakby nie patrzeć.. <zniesmaczony>

I klasy css:

[HTML] pobierz, plaintext 
.trow1 {
	border-top: 1px #9db1c2 solid;
	background: #e8eef2;
	border: 1px #9db1c2 solid;
	border-top: 0; border-bottom: 1px #dce3e8 solid;
	padding: 5px 0px 5px 7px;
	overflow: auto;
	color: #272727;
}
 
.tcat-bottom {
	background-color: #839196;
	height: 3px;
	margin-bottom: 10px;
	display: block;
}
 
.thead {
	border: 1px #9db1c2 solid;
	border-top: 0; border-bottom: 0;
	background: #cbd6db;
	height: 17px;
	padding: 5px 0px 3px 10px;
	font-size: 10px;
	font-weight: bold;
}
 
.trow1 .row-p, .thead .row-p {
	display: block;
	float: left;
	clear: none;
	font-size: 11px;
	color: #525353;
	padding: 0 5px 0 5px;
	text-align: center;
	min-height: 17px;
}
 
.tcat {
	background-color: #0a375c;
	color: #eee;
	padding: 9px 0px 9px 6px;
	margin: 0;
	clear: both;
}
[HTML] pobierz, plaintext 

Zapewne problem jest banalny, a ja z przepracowania już nie widzę.. <zniesmaczony>
Z góry dziękuję za każdą pomoc.

Ten post edytował Ramzaa 18.08.2010, 18:26:38

[Damonsson]

[CSS] pobierz, plaintext 
#glowny {
	background: #00f;
}
#avatar {
	margin-right: 90%;
	background: #0f0;
}
#post {
	width: 90%;
	float: right;
	background: #00f;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
		<div  id="glowny">
				<div id="post">
				Lorem ipsum <br/> 
				Lorem ipsum <br/>
				Lorem ipsum <br/>
				</div>
				<div id="avatar">
				Lorem ipsum <br/> 
				Lorem ipsum <br/>
				Lorem ipsum <br/>
				Lorem ipsum <br/> 
				Lorem ipsum <br/>
				</div>
		</div>
[HTML] pobierz, plaintext 

Chyba nic nie pomyliłem ;P