Foros del Web » Creando para Internet » CSS »

Float left

Estas en el tema de Float left en el foro de CSS en Foros del Web. Buenas, llevo todo el día con un código, que se que será un fallo tonto pero no consigo solucionarlo, a ver si podeis ayudarme. Quiero ...
  #1 (permalink)  
Antiguo 21/05/2013, 09:29
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 12 años, 10 meses
Puntos: 0
Float left

Buenas, llevo todo el día con un código, que se que será un fallo tonto pero no consigo solucionarlo, a ver si podeis ayudarme.
Quiero poner dos contenidos uno al lado del otro con float left, pero me salen uno debajo del otro. Os mando el css a ver si está bien, y si necesitais más código lo envio

#content div izq, #cont div cent {
float:left
}
#content div izq {
width:1750px;
height:auto;
float:left;
display:block;
margin:0 0 0 170px;
}
#content div izq p {
margin: 0 0 25px 0;
}
#content div izq ul li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#F60;
margin-bottom:14px;
}
#content div cent {
width:200px;
height:auto;
float:left;
margin:0px 0px 0px 15px;
}

#content div cent ul li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
color:#666;
margin-bottom:14px;
}
  #2 (permalink)  
Antiguo 21/05/2013, 10:20
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 5 meses
Puntos: 2114
Respuesta: Float left

Así por encima calculo que el div contenido en #content tendría que tener un ancho mínimo de 2025 pixeles. Si no es así, es normal que se ponga uno debajo del otro ya que no hay más espacio para ponerlos uno al lado del otro.

Tampoco está más adjuntar el HTML y usar highlight o code para envolver el código que publicas.
  #3 (permalink)  
Antiguo 21/05/2013, 11:05
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Float left

Buenas, muchas gracias por tu respuesta
content mide 950px, antes al copiar me he equivocado y el valor de 1750px era 175px.
No sé lo que puede pasar, mira que lo he hecho miles de veces, pero no hay manera, me estoy volviendo loca. Paso los parámetros de content, a ver si es ahí donde está el fallo

#content{
background:#f7eee7 url(../images/content-bg.gif) repeat-x top;
height:auto;
margin-top:65px;
width:100%;
}
#content span.background{
background:url(../images/spiral.gif) no-repeat center;
display:block;
height:51px;
position:relative;
top:-29px;
width:960px;
}
#content div{
margin:0 auto;
position:relative;
width:960px;
}
  #4 (permalink)  
Antiguo 21/05/2013, 13:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 5 meses
Puntos: 2114
Respuesta: Float left

¿Podrías aportar el HTML? ¿Podrías usar highlight o code para envolver el código?

Ya en el CSS primero que publicaste tienes algunos fallos, que creo que estás llamando clases como si fuesen elementos. Pero claro, sin HTML no se puede saber, aunque sea obvio.
  #5 (permalink)  
Antiguo 21/05/2013, 13:55
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Float left

este es el código, a ver si me puedes ayudar
<div id="content">
<div> <span class="background"></span></div>
<div id="content div izq">
<p>ADHESIVOS LÍQUIDOS</p>
<p>ADHESIVO DOBLE CARA</p>
<p>CINTAS ADHESIVAS</p>
<p>CINTAS DE CIERRE HOOK Y LOOP</p>
<p>CINTAS ESPUMADAS DOBLE CARA</p>
<p>AUTOCIERRE VELUR</p>
<p>HILOS DE COSER</p>
<p>CUERDA</p>
<p>AGUJAS DE COSER</p>
<p><a href="collares.html">MÁQUINAS MANUALES DE APLICACIÓN</a><span></span></p>
</div>
<div id="content div cent">
<h2><a href="collares.html">ADHESIVOS LÍQUIDOS</a></h2>
<h2><a href="higiene.html">ADHESIVO DOBLE CARA</a></h2>
<h2><a href="accesorios.html">CINTAS ADHESIVAS</a></h2>
<h2><a href="casetas.html">CINTAS DE CIERRE HOOK Y LOOP</a></h2>
<h2><a href="camas.html">CINTAS ESPUMADAS DOBLE CARA</a></h2>
<h2><a href="juguetes.html">AUTOCIERRE VELUR</a></h2>
<h2><a href="ropa.html">HILOS DE COSER</a></h2>
<h2><a href="transportines.html">CUERDA</a></h2>
<h2><a href="comederos.html">AGUJAS DE COSER</a></h2>
<h2><a href="comederos.html">MÁQUINAS MANUALES DE APLICACIÓN</a></h2>
</div>
</div>
  #6 (permalink)  
Antiguo 22/05/2013, 03:03
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Float left

Sigo igual, por favor, si alguien puede ayudar, sé que será una tontería de código pero no puedo verlo
  #7 (permalink)  
Antiguo 22/05/2013, 04:22
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 15 años
Puntos: 181
Respuesta: Float left

Hola,

No puedes dejar espacios en los nombres de las ID's y clases.

<div id="content div cent">

Podrías hacer algo así:

<div id="content-div-cent">


También he notado que estas tratando de aplicar estilos a las listas(ul)...Pero NO tienes ninguna lista en el HTML.



Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #8 (permalink)  
Antiguo 22/05/2013, 04:40
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 5 meses
Puntos: 2114
Respuesta: Float left

Tu problema es que no sabes lo que estás haciendo. La solución pasa por leer algo así.

En realidad no iba a contestar más porque que no hagas caso a que pongas el código decentemente no es de recibo.
  #9 (permalink)  
Antiguo 22/05/2013, 05:16
 
Fecha de Ingreso: marzo-2010
Mensajes: 109
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Float left

gracias pzin, sí hago caso, sólo que estoy aprendiendo, y cometo muchos errores y agradezco todas las ayudas,
gracias de corazón

Etiquetas: color, contenido, float, left
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 17:59.