Foros del Web » Creando para Internet » CSS »

Problema con float

Estas en el tema de Problema con float en el foro de CSS en Foros del Web. Buenas, tengo el siguiente código @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original /* CSS Document */ #contenedor { width : 900px ; height : auto ; ...
  #1 (permalink)  
Antiguo 26/05/2009, 11:50
 
Fecha de Ingreso: marzo-2009
Mensajes: 164
Antigüedad: 8 años, 8 meses
Puntos: 1
Problema con float

Buenas, tengo el siguiente código

Código CSS:
Ver original
  1. /* CSS Document */
  2. #contenedor{
  3. width:900px;
  4. height:auto;
  5. }
  6. body{
  7. background:url(imagenes/back_toda.jpg);
  8. }
  9. #cabezera{
  10. height:95px;
  11. padding:5px;
  12. background-color:#00CC33;
  13. padding-left:20px;
  14. margin-top:20px;
  15. }
  16.  
  17. #menu{
  18. background-color:#CCCCCC;
  19. float:left;
  20. width:150px;
  21. height:100%;
  22.  border:1px solid #0099FF;
  23. }
  24.  
  25. #contenido{
  26.           background-color:#CCCCCC;
  27.           border:1px solid #0099FF;
  28.           width:740px;
  29.           float:left;
  30.            height:100%;
  31.             margin-left:10px;
  32.             }
  33.            
  34.             /* OTROS/* */
  35.  
  36.  
  37. #navegador ul{
  38. text-decoration: none;
  39. color:#0099CC;
  40. list-style-image:url(imagenes/Teamgeist.jpg);
  41. }
  42. #navegador li{
  43. text-decoration:none;
  44. list-style-image:url(imagenes/balon_lista.png);
  45. }
  46. #navegador li a{
  47. text-decoration:none;
  48. }
El contenido al tener float:left debería estar a la derecha del menú pero se situa debajo.
www.deporte-en-internet.com/nd/ <- Ahi es donde se encuentra
  #2 (permalink)  
Antiguo 26/05/2009, 11:54
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Problema con float

El contenido no necesita estar flotado, ya que #menu cede el espacio a su derecha. Quitando float:left a #contenido probablemente funcionará.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 26/05/2009, 12:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con float

Y para evitar problemas de interpretación con algún ie, añade a "#contenido":
Cita:
display: inline
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 26/05/2009, 12:45
 
Fecha de Ingreso: marzo-2009
Mensajes: 164
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: Problema con float

Cita:
Iniciado por David el Grande Ver Mensaje
El contenido no necesita estar flotado, ya que #menu cede el espacio a su derecha. Quitando float:left a #contenido probablemente funcionará.
Funciona pero así el margin-left:18px; del contenido no funciona :S
  #5 (permalink)  
Antiguo 26/05/2009, 12:49
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Problema con float

Yo lo probé y funciona sin problemas .

Lo que debes tener en cuenta es que el margen se calcula a partir del contenedor.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #6 (permalink)  
Antiguo 26/05/2009, 13:03
 
Fecha de Ingreso: marzo-2009
Mensajes: 164
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: Problema con float

Yo he puesto margin-eft:100px; y sigue como esta... pongas 100 , 500 lo que sea siempre se queda igual :S
  #7 (permalink)  
Antiguo 26/05/2009, 13:07
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Problema con float

¿Con qué navegador estás probando? Yo probé en Firefox a cambiarle el margin-left con Firebug y funciona sin problemas. Sólo debes tener en cuenta lo que te comenté en el mensaje anterior.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
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 05:33.