Foros del Web » Creando para Internet » HTML »

Se me interpone el <hr> con un div

Estas en el tema de Se me interpone el <hr> con un div en el foro de HTML en Foros del Web. Hola, resulta ser que tengo un div de seciones en el que se interpone un <hr> que tengo mas abajo, no se porqué, pero se ...
  #1 (permalink)  
Antiguo 27/08/2009, 16:00
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Se me interpone el <hr> con un div

Hola, resulta ser que tengo un div de seciones en el que se interpone un <hr> que tengo mas abajo, no se porqué, pero se interpone.

Le he puesto unos cuantos <br> para a ver si se baja pero no sucede nada, observen mi codigo por favor:
Código HTML:
<div id="contenido">

<div id="sidebar-left" class="parte-lateral">
<h2 class="tit-left">Seciones</h2>
<?php
require ("../../includes/menu-left.php") ;
?>
</div>

<div id="principal">
<h1 style="text-align: center">PSP Fat, PSP Slim y PSP 3000</h1>
<h2>Scene, tutoriales, analisis y muchas otras cosas de PSP</h2>
<p>Esta es la seción de <b>PSP</b>, aquí podreis encontrar bastantes recursos para
PSP, <b>scene</b>, <b>tutoriales</b>, <b>demos</b>, <b>analisis</b> y otras muchas
cosas que seguro que os resultarán utiles.</p>
<hr>
<h2 style="text-align: center">Seciones</h2>
<div id="seciones">
<div class="secion1" style="width: 60px"><a href="/scene" style="">Scene</a></div>
<div class="secion1" style="width: 75px"><a href="/analisis" style="">Analisis</a></div>
<div class="secion1" style="width: 95px"><a href="/tutoriales" style="">Tutoriales</a></div>
<div class="secion1" style="width: 60px"><a href="/demos" style="">Demos</a></div>
<div class="secion1" style="width: 140px"><a href="/tutoriales" style="">Otros recursos</a></div>
</div>
</br></br></br>
</br></br></br>
</br></br></br>


<hr>
<h2 style="text-align: center">Novedades</h2>
</div> 
¿Qué les parece? ¿Dónde está el error?

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #2 (permalink)  
Antiguo 27/08/2009, 18:33
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Se me interpone el <hr> con un div

Hola Distriker

Supongo que te refieres al segundo <hr> porque tienes dos.

Deberías poner la hoja de estilo porque con el html sólo no ocurre lo que dices: tal como lo muestras el <hr> está en su sitio.

Bye
  #3 (permalink)  
Antiguo 27/08/2009, 18:37
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: Se me interpone el <hr> con un div

Cita:
Iniciado por deirdre Ver Mensaje
Hola Distriker

Supongo que te refieres al segundo <hr> porque tienes dos.

Deberías poner la hoja de estilo porque con el html sólo no ocurre lo que dices: tal como lo muestras el <hr> está en su sitio.

Bye
Esta es mi hoja de estilos general.

general.css
Código css:
Ver original
  1. body {
  2. color : #231F20 ;
  3. background : #C0D9D9 url(../images/fondo.gif) repeat fixed;
  4. margin : 20px 0px 20px 0px ;
  5. font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif ;
  6. text-align: center ;
  7. float: center ;
  8. }
  9.  
  10. #cabecera {
  11. width: 700px ;
  12. margin: 0 auto ;
  13. }
  14.  
  15. #navegacion {
  16. background: #B1DBE9 url(images/fondo-navegacion.gif) repeat scroll 0 0 ;
  17. border-top : 1px solid #cccccc ;
  18. border-bottom : 1px solid #cccccc ;
  19. margin:0 auto ;
  20. padding : 3px 10px 5px 10px ;
  21. width: 710px ;
  22. }
  23.  
  24. a.navegacion-pie:visited {
  25. color: #494E6B ;
  26. }
  27.  
  28. a.navegacion-pie:active {
  29. color: #3F7DE3 ;
  30. }
  31.  
  32. a.navegacion-pie:focus {
  33. color: #494E6B ;
  34. }
  35.  
  36. a.navegacion-pie:link {
  37. color: #494E6B ;
  38. line-height: 25px ;
  39. margin: 5px ;
  40. }
  41.  
  42. a.navegacion-pie:hover {
  43. color: #BD2031 ;
  44. }
  45.  
  46. /*Contenido*/
  47.  
  48. #contenido {
  49. text-align: left ;
  50. width: 920px ;
  51. margin: auto ;
  52. background-color: #FFFFFF ;
  53. }
  54.  
  55. #principal {
  56. width: 470px ;
  57. margin-left: 8px ;
  58. padding: 12px 0px 10px 0px ;
  59. background-color: #ffffff ;
  60. float: left ;
  61. }
  62.  
  63. h1 {
  64. font-size: 15px ;
  65. }
  66.  
  67. h2 {
  68. font-size: 13px ;
  69. }
  70.  
  71. /*Sidebar-left*/
  72.  
  73. #sidebar-left{
  74.     width: 200px ;
  75.     float:left ;
  76.     width: 200px ;
  77.   background: #36AAE9 ;
  78.   border: 1px solid #cccccc;
  79. }
  80.  
  81. .tit-left {
  82. background-color: #72A5DB ;
  83. font-weight: normal ;
  84. font-size:8pt ;
  85. letter-spacing: 1.5px ;
  86. padding: 7px 3px 7px 8px ;
  87. margin: 0px 0px 8px 0px ;
  88. text-transform : uppercase ;
  89. }
  90.  
  91. #sidebar-left ul {
  92. list-style: none ;
  93. margin : 5px 0px 0px 10px ;
  94. padding: 0px 4px 0px 0px ;
  95. }
  96.  
  97. #sidebar-left li {
  98. padding-left: 15px ;
  99. background: transparent url('../images/li.gif') scroll 0 2px no-repeat;
  100. margin: 2px ;
  101. }
  102.  
  103. /*Sidebar-right*/
  104.  
  105. #sidebar-right {
  106. width: 200px ;
  107. background: #36AAE9 ;
  108. border: 1px solid #cccccc;
  109. float: right ;
  110. }
  111.  
  112. .tit-right {
  113. background-color: #72A5DB ;
  114. font-weight: normal ;
  115. font-size:8pt ;
  116. letter-spacing: 1.5px ;
  117. padding: 7px 3px 7px 8px ;
  118. margin: 0px 0px 8px 0px ;
  119. text-transform : uppercase ;
  120. }
  121.  
  122. .parte-lateral {
  123. padding: 5px 4px 13px 10px ;
  124. }
  125.  
  126. input {
  127. font-size: 9px ;
  128. }
  129.  
  130. #buscador form {
  131. margin: 0px 0px 0px 0px ;
  132. }
  133.  
  134. #texto-a-buscar {
  135. float: left ;
  136. }
  137.  
  138. #texto-a-buscar input {
  139. width: 100px ;
  140. }
  141.  
  142. #boton-de-busqueda {
  143. padding-top: 3px ;
  144. padding-left: 115px ;
  145. }
  146.  
  147. #boton-de-busqueda input {
  148. border: 0px none ;
  149. }
  150.  
  151. .radio {
  152. clear: both ;
  153. }
  154.  
  155. #sidebar-right ul {
  156. list-style: none ;
  157. margin : 5px 10px 0px 0px ;
  158. padding: 0px 0px 0px 4px ;
  159. }
  160.  
  161. #sidebar-right li {
  162. padding-left: 15px ;
  163. background: transparent url('../images/li.gif') scroll 0 2px no-repeat;
  164. margin: 2px ;
  165. }
  166.  
  167. /* Las dos sidebars */
  168.  
  169. a.navegacion-side:visited {
  170. color: #494E6B ;
  171. }
  172.  
  173. a.navegacion-side:active {
  174. color: #3F7DE3;
  175. }
  176.  
  177. a.navegacion-side:focus {
  178. color: #494E6B ;
  179. }
  180.  
  181. a.navegacion-side:link {
  182. color: #494E6B ;
  183. }
  184.  
  185. a.navegacion-side:hover {
  186. color: #BD2031;
  187. }
  188.  
  189. /* Pie */
  190.  
  191. #pie {
  192. clear: both ;
  193. color: #cccccc ;
  194. text-align: right ;
  195. border-top: 1px solid ;
  196. margin: 10px 10px 0px 10px ;
  197. padding-bottom: 10px ;
  198. }
  199.  
  200. a.navegacion-pie:visited {
  201. color: #494E6B ;
  202. }
  203.  
  204. a.navegacion-pie:active {
  205. color: #3F7DE3;
  206. }
  207.  
  208. a.navegacion-pie:focus {
  209. color: #494E6B ;
  210. }
  211.  
  212. a.navegacion-pie:link {
  213. color: #494E6B ;
  214. }
  215.  
  216. a.navegacion-pie:hover {
  217. color: #3F7DE3;
  218. }

Por cierto, me refiero al <hr> que está despues de tantos <br>.

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #4 (permalink)  
Antiguo 27/08/2009, 19:54
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Se me interpone el <hr> con un div

Hola Distriker

Captura de tu página:



¿Y cuál es el problema?

Esperando...

Bye
  #5 (permalink)  
Antiguo 28/08/2009, 08:10
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: Se me interpone el <hr> con un div

Claro, se me olvido pasarte las demás CSS. Pero mira como se me ve a mi:

Pulsa aquí

¿Lo ves?

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #6 (permalink)  
Antiguo 28/08/2009, 08:19
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Se me interpone el <hr> con un div

Dos opciones:
o añades a #opciones "oveflow: auto" en el css o en el html, entre el cierre de #opciones y el <hr> añades un corte--> <div class="corte"></div> y el el css ".corte {clear:both;}

¿Recuerdas qué ocurre con los elementos flotados y la altura de su padre?

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 28/08/2009, 08:51
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: Se me interpone el <hr> con un div

Muchas KSeso, ya está solucionado

Por cierto, no recuerdo eso que ocurre, ¿podrías aclararmelo?

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #8 (permalink)  
Antiguo 28/08/2009, 09:02
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Se me interpone el <hr> con un div

anula la somatropina

__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #9 (permalink)  
Antiguo 28/08/2009, 09:04
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: Se me interpone el <hr> con un div

Interesante, muchas gracias Kseso

Lo he captado

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #10 (permalink)  
Antiguo 30/08/2009, 12:32
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Se me interpone el <hr> con un div

Hola:

Muy buena respuesta Kseso?. Cuando sea mayor quiero ser como tú.

Saludos.

  #11 (permalink)  
Antiguo 30/08/2009, 12:50
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Se me interpone el <hr> con un div

Cita:
Iniciado por jomaruro Ver Mensaje
Muy buena respuesta Kseso?. Cuando sea mayor quiero ser como tú.
<offtopic>
¿Viejo? Lo serás, aunque no lo quieras
</offtopic>
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #12 (permalink)  
Antiguo 30/08/2009, 13:03
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Se me interpone el <hr> con un div

Hola:

¿Lo dices por mis canas?

Además, he dicho mayor no viejo

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:12.