El anchor text de los comentarios no linkea adecuadamente

Hildergarn · #1 (**permalink**) 19/10/2012, 15:07

Si se fijan en este post y clickean en donde dice 1 comentario, verán que el anchor link no está llevando adonde empieza la sección de comentarios.

He visto que es mi template de Woothemes porque intenté con otro y si funciona a la perfección. Aun así, comparé el código que aparece en ambos templates y se ven idénticos; por ende, no entiendo que pueda estar mal.

ArturoGallegos · #2 (**permalink**) 19/10/2012, 15:40

1 .- las ID deben ser unicas por lo que no es posible tener dos elementos con la misma ID, tu estas declarando dos elementos con id="comments"

Código HTML:

Ver original<div id="comments">
                     
<!-- You can start editing here. -->
 
<h3 id="comments">1 Comentario</h3>

2.- al div con id="comments" agrégale un clear:both; en el CSS ya con eso te funcionara.

Hildergarn · #3 (**permalink**) 24/10/2012, 01:39

¡Mil gracias! Mira que trabajó de las mil maravillas el haberle agregado el clear: both al id de comments en el div. Aun trato de entenderle la lógica a la solución.

¡Saludos!

ArturoGallegos · #4 (**permalink**) 24/10/2012, 01:45

sin entrar mucho a detalles, tu problema básicamente era que los elementos que están antes de los comentarios están flotando (fuera de su flujo normal), por lo que los comentarios no se posicionaban adecuadamente y aunque tu los vieras al final de tu pagina en realidad empezaban desde arriba.

el ancla funcionaba bien pero estos iniciaban mucho antes de lo esperado, con el clear:both básicamente lo forzas a posicionarse donde terminen sus antecesores...

ya se que mi explicación estuvo algo enredada pero bueno, busca en google información sobre -> clear:both y/o como limpiar float CSS

y tan tan a dormir se a dicho :)