Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/06/2010, 15:06
Avatar de alberduris
alberduris
 
Fecha de Ingreso: junio-2010
Ubicación: Bizkaia
Mensajes: 7
Antigüedad: 13 años, 9 meses
Puntos: 0
Respuesta: Problema con divs ; HTML + CSS [AYUDA]

Bueno gracias a todos los que han visitado el post y especiales gracias a eZakto por responder pero ya he resuelto el problema. El meollo de la cuestión era que había un conflicto con el atributo "float" y además me faltaba poner el atributo "clear: left" a uno de los divs de menú.

Finalmente el Código HTML no le he tocado a excepción de lo que me dijo eZakto y el código css ha quedado así

CSS:

Código CSS:
Ver original
  1. #menu2      {background-color: #F2F2F2 ; width: 121px ; float:left ; height: 24px ;
  2.              text-align: left ; margin-top: 25px ; padding: 1px 1px 1px 1px ; border-right: #D8D8D8 1px solid ; border-top: #D8D8D8 1px solid }
  3.  
  4.  
  5.  
  6. #menu1      {background-color: #FFFFFF ; width: 25px ; float:left ; height: 25px ;
  7.              text-align: left ; margin-top: 25px ; padding: 1px 1px 1px 1px ; border-left: #D8D8D8 1px solid ;border-top: #D8D8D8 1px solid  }
  8.  
  9.  
  10. #elem1 {background-color: #FFFFFF ; width: 150px ; float: left ; clear: left ; height:25px ;
  11.              text-align: left ; margin-top:0px ; border-right: #D8D8D8 1px solid ; border-left: #D8D8D8 1px solid ; border-top: ; border-bottom: #D8D8D8 1px dotted }
  12. #elem2 {background-color: #FFFFFF ; width: 150px ; float: left ; clear: left ; height:25px ;
  13.              text-align: left ; margin-top:0px ; border-right: #D8D8D8 1px solid ; border-left: #D8D8D8 1px solid ; border-top:  ; border-bottom: #D8D8D8 1px dotted }
  14. #elem7 {background-color: #FFFFFF ; width: 150px ; float: left ; clear: left ; height:25px ;
  15.              text-align: left ; margin-top:0px ; border-right: #D8D8D8 1px solid ; border-left: #D8D8D8 1px solid ; border-top:  ; border-bottom: #D8D8D8 1px solid }
  16. #elemesp {background-color: #FFFFFF ; width: 150px ; float: left ; clear: left ; height:35px ;
  17.              text-align: left ; margin-top:0px ; border-right: #D8D8D8 1px solid ; border-left: #D8D8D8 1px solid ; border-top:  ; border-bottom: #D8D8D8 1px solid }

Como veis he sustituido el div "menu" por esos "elem" porque la estetica del menu ha cambiado algo podeis ver como ha quedado el menú ahora en [URL="http://alber.mypressonline.com/indextpc.html"]el boceto de mi página de aprendizaje[/URL]

Saludos!

TEMA CERRADO

Última edición por alberduris; 26/06/2010 a las 15:19