Foros del Web » Creando para Internet » CSS »

Ayuda con Float

Estas en el tema de Ayuda con Float en el foro de CSS en Foros del Web. Que tal a todos... estoy maquetando una pagina pero la cual me da el siguiente problema visto en la imagen TUVE UN ERROR AL CREAR ...
  #1 (permalink)  
Antiguo 13/09/2007, 14:26
 
Fecha de Ingreso: marzo-2007
Ubicación: Nayarit,Mexico
Mensajes: 87
Antigüedad: 17 años, 8 meses
Puntos: 1
Exclamación Ayuda con Float

Que tal a todos... estoy maquetando una pagina pero la cual me da el siguiente problema visto en la imagen

TUVE UN ERROR AL CREAR LA IMAGEN LA PRIMERA ES LA DESEADA Y LA SEGUNDA EL RESULTADO


El codigo que tengo es el siguiente:
Código:
#Header{ width:767px;height:75px;margin:0 auto;}

#Contenido {width:767px;height:auto;margin:0 auto; margin-bottom:10px; padding:0; }

#Contenido .Sidebar{ background-color: #333333; width: 20%; float:right;height:auto;;margin:0 auto; padding:0;}

#Footer {background-image:url(img/bg_footer.gif);margin:0 auto; padding:10px; padding-top: 18px; width:98%; height:24px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:white; font-size:14px;}

Última edición por Tycroz; 13/09/2007 a las 14:27 Razón: ERROR EN IMG
  #2 (permalink)  
Antiguo 13/09/2007, 14:34
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.264
Antigüedad: 19 años, 8 meses
Puntos: 2114
Re: Ayuda con Float

Seguro que en el div Footer te falta un clear:right, pero posteá además el HTML.
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 13/09/2007, 14:39
 
Fecha de Ingreso: marzo-2007
Ubicación: Nayarit,Mexico
Mensajes: 87
Antigüedad: 17 años, 8 meses
Puntos: 1
Re: Ayuda con Float

gracias por contestar tan rapido... sorry se me paso el html


Código:
<div id="Header"></div>
<div id="Contenido" >
	  
	  
	  <div class="Sidebar">
	    <p>dfg</p>
	    <p>&nbsp; </p>
	  </div>
	  
	</div>
							
	<div id="Footer">Sobre Nosotros | Blog | Preguntas Frecuentes | Privacidad | Contacto </div>
  #4 (permalink)  
Antiguo 13/09/2007, 14:43
Avatar de Daniel Ulczyk
Super Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.264
Antigüedad: 19 años, 8 meses
Puntos: 2114
Re: Ayuda con Float

Y qué doctype estás utilizando?
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #5 (permalink)  
Antiguo 13/09/2007, 14:43
 
Fecha de Ingreso: marzo-2007
Ubicación: Nayarit,Mexico
Mensajes: 87
Antigüedad: 17 años, 8 meses
Puntos: 1
Re: Ayuda con Float

Transitional
  #6 (permalink)  
Antiguo 14/09/2007, 07:02
Avatar de Juanvi.V  
Fecha de Ingreso: septiembre-2007
Mensajes: 5
Antigüedad: 17 años, 2 meses
Puntos: 0
Re: Ayuda con Float

Prueba con un

<div style="clear:both;width:100%">&nbsp;</div>
entre el final del .sidebar y antes del final del #contenido

Juanvi
Departamento Programación
Diseño Web ArtVisual
  #7 (permalink)  
Antiguo 14/09/2007, 14:17
 
Fecha de Ingreso: marzo-2007
Ubicación: Nayarit,Mexico
Mensajes: 87
Antigüedad: 17 años, 8 meses
Puntos: 1
Re: Ayuda con Float

mcuhas gracias atodos los que contestaron ya haye al solucion solo le puse un clear:both al footer :D
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 04:35.