Problema con padding y maqueteo CSS

[VbOkonly]

Muy buenas a todos, estoy haciendo un echo con php donde me muestra los comentarios de los usuarios, mi idea principal es "maquetear y aplicar css" a esos comentarios para que queden bonitos ... a la hora de agregarle un padding (al contenido) me queda algo asi:




Se puede apreciar que hay un borde que va creciendo progresivamente mientras haya mas comentarios ...

me gustaria que quede asi :




Les paso el codgio CSS:

Código HTML:

#coment {
	background-color: #FFFFFF;
	width: 527px;
	font-family: tahoma;
	font-size: 16px;
}
#autorcoment {
	background-image: url(Images/fondocomentcomoestasargentina.jpg);
	background-repeat:  repeat-x;
	width: 527px;
	font-size: 20px;
	font-weight: bold;
	height: 30px;
}

y por ultimo este es el "echo" en php :

Código PHP:

         <?php
//los comentarios
mysql_query("SET character_set_results = 'utf8', character_set_client = 'utf8', character_set_connection = 'utf8', character_set_database = 'utf8', character_set_server = 'utf8'");
$varr = mysql_query("SELECT * FROM posteo ORDER BY horafecha DESC LIMIT 1", $db);
while($rowid = mysql_fetch_array($varr)){
$varrrr = $rowid["id"];
}
mysql_query("SET character_set_results = 'utf8', character_set_client = 'utf8', character_set_connection = 'utf8', character_set_database = 'utf8', character_set_server = 'utf8'");
$resultComen = mysql_query("SELECT * FROM comentarios WHERE id_noticia='$varrrr' ORDER BY id ASC",$db);
while($rowComen = mysql_fetch_array($resultComen))
{

echo '
      <div id="autorcoment"></span><font color=RED>'.$rowComen["nick"].'</b></font></span> dijo:</div>
        <div id="coment">'.$rowComen["comentario"]; ?><?php if(isset($_SESSION['k_username'])){ echo '<form method="post" action="eliminar.php">
        <input name="borrado" type="hidden" id="borrado" value='.$rowComen["id"].' />
        <input type="submit" name="delete" id="delete" value="Eliminar" />
            </form>';
        
    }
} ?>   

Soy novato diseñando y maqueteando (por las dudas)

Saludos! y muchas gracias :D

[GAST0N]

no se si sera la solucion pero te voy a marcar unos errores que tenes en esta linea:

<div id="autorcoment"></span><font color=RED>'.$rowComen["nick"].'</b></font></span> dijo:</div>

fijate que la etiqueta SPAN cuando la abris esta cerrada, y otra cosa es que le estas dando color a la fuente desde html, en realidad funciona , pero para eso esta el css, aplicale color a la fuente desde la hoja de estilos... saludos ... mientras sigo viendo tu codigo

[VbOkonly]

Ahi modifique el span, igual la idea es que el autor aparezca en rojo y "dijo" en negro :P, pero gracias por el detalle :D

[VbOkonly]

Si se complica mucho preferiria ver algun buen tuto o video para maquetear cosas similares, me gustaria hacer como esas paginas que muestran comentarios y esos mismos tienen algun diseño ... (habras notado que soy muy malo diseñando) xD pero hago lo que puedo

[GAST0N]

Iniciado por VbOkonly

Ahi modifique el span, igual la idea es que el autor aparezca en rojo y "dijo" en negro :P, pero gracias por el detalle :D

de todas formas,.. si hay manera de llegar a darle estilo desde la hoja css a cada palabra, o sea en este caso al autor y a "dijo"

[VbOkonly]

Iniciado por GAST0N

de todas formas,.. si hay manera de llegar a darle estilo desde la hoja css a cada palabra, o sea en este caso al autor y a "dijo"

ahahah, no lo sabia , ahora lo veré ... esto no influye en el problema del padding no?

[GAST0N]

Iniciado por VbOkonly

ahahah, no lo sabia , ahora lo veré ... esto no influye en el problema del padding no?

nop, era simple detalle nomas...

es necesario que uses padding?? .. probaste de otra forma para llegar al resultado deseado?

[VbOkonly]

Probe otros metodos pero en IE se ve mal