estoura

[bdoweb 0]

tenho o seguinte CSS

/* CONTEUDO  */div#geral {	width:760px;	margin:0 auto;	text-align:center;	background:#FFFFFF;}div#esquerda {	width:370px;	float:left;	padding:0px 0px 0px 0px;}div#esquerda dd { 	font:100% verdana;	color:000033;	padding:5px 5px 5px;	font-size:12px;	text-align:justify;}div#esquerda img {	float:left;	padding: 0px 10px;}div#esuqerda dd img {	float:left;	padding: 0px 0px}div#direita {	margin:0px 0px 0px 0px;	display: inline;}div#direita dd {	font:100% verdana;	padding:5px 5px 5px;	text-align:justify;	font-size: 12px;}div#direita dl {	float: none;	display:inline;}div#direita dd img {	float:left;	padding: 0px 2px;}div#direita img {	float:left;	padding: 0px 10px;}

e no html o seguinte:

<div id="geral">
<div id="esquerda">
		<span class="titulos"><img src="img/seta.gif" />Serviços</span>
		<dd>Bla Bla Bla Bla</dd>
</div>
<div id="direita">
	<dl>
		<span class="titulos"><img src="img/seta.gif" />Pronto Atendimento 24h Vital Care</span>
		<dd><img src="img/diversos.gif" />A Vital Care fundada em... texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </dd>
	</dl>
</div>
</div>

O q acontece é q quando o conteudo da direita é maior q o da esquerda, assim q termina o conteudo esquerdo, o direito invade !!!! deixando de ficar alinhado!

 

Como posso resolver isso???

[_ nEoN _ 0]

você coloco float em apenas um elemento.#esquerda, no direita você coloco display: inline;uma coisa que achei engraçado.

XHTML: |||||||||| (FULL)

// Todassss suas tag de img tah sem title e alt rsrsrsrsrs