Ayuda ajuste de bloques con CSS
AUTOR PREGUNTA #1
Buenas!! Llevo un buen rato y no consigo solucionar este problemilla, no caigo en que puede ser y estoy aburrido de tocar :/
Los bloques deberían de tener un poco de separación entre ellos, además de estar alineados, no entiendo el porqué de esas sangría que se añade en cada comentario.
Gracias de antemano y un saludo!!
-
¿Tienes la misma pregunta? Yo también
Esto también te interesa!
PREGUNTAS SIMILARES
#2
Es raro.. a parte de la CSS, pon también la parte de código HTML de los comentarios, creo que ahí anda el problema.
AUTOR PREGUNTA #3
<div id="comentarios">
<h3>COMENTARIOS</h3>
<?php
while($row=mysqli_fetch_assoc($result2)) { // mysqli_fetch_assoc: extrae las filas, en forma de bucle.
?>
<div id="bloquecomentarios">
<div id="usuario">
<img class="avatar" src="img/<?php echo $row["avatar"];?>" alt="<?php echo $row["avatar"];?>" /><br/>
<p>Usuario: <?php echo $row["nombreU"];?></p><br/>
</div>
<div id="opinion">
Opinión: <?php echo $row["comentario"];?>
</div><br/>
<div>
<?php
} #Cierra el while.
?>
</div>
AUTOR PREGUNTA #4
No se si esque el margin-left: 20px del #bloquecomentarios se suma en cada bloque que se crea con el bucle while...
#5
Yo creo que es que no tiene espacio entre uno y otro...
Prueba estas opciones, te doy 2 (te pongo en rojo y negrita lo que he añadido):
OPCION 1
- <div id="comentarios">
- <h3>COMENTARIOS</h3>
- <?php
- while($row=mysqli_fetch_assoc($result2)) { // mysqli_fetch_assoc: extrae las filas, en forma de bucle.
- ?>
- <div id="bloquecomentarios">
- <div id="usuario">
- <img class="avatar" src="img/<?php echo $row["avatar"];?>" alt="<?php echo $row["avatar"];?>" /><br/>
- <p>Usuario: <?php echo $row["nombreU"];?></p><br/>
- </div>
- <div id="opinion">
- Opinión: <?php echo $row["comentario"];?>
- </div><br/><br/>
- <div>
- <?php
- } #Cierra el while.
- ?>
- </div>
OPCION 2
- <div id="comentarios">
- <h3>COMENTARIOS</h3>
- <?php
- while($row=mysqli_fetch_assoc($result2)) { // mysqli_fetch_assoc: extrae las filas, en forma de bucle.
- ?>
- <div id="bloquecomentarios">
- <div id="usuario">
- <img class="avatar" src="img/<?php echo $row["avatar"];?>" alt="<?php echo $row["avatar"];?>" /><br/>
- <p>Usuario: <?php echo $row["nombreU"];?></p><br/>
- </div>
- <div id="opinion" style="margin-top:5px;">
- Opinión: <?php echo $row["comentario"];?>
- </div><br/>
- <div>
- <?php
- } #Cierra el while.
- ?>
- </div>
A ver si te funciona alguna de las 2 
AUTOR PREGUNTA #6
Ya lo solucione amigo, la etiqueta div id=bloquecomentarios no estaba bien cerrada más abajo... se me olvidó poner /
En fin... siempre es un fallo de este tipo, por lo que casi nunca se da cuenta uno y cuesta mucho solucionarlo.
Muchas gracias por la ayuda!! 
#7
Justo lo estaba viendo y te lo iba a poner que faltaba </div>
