Float left

[picasona]

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;
}

[pzin]

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.

[picasona]

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;
}

[pzin]

¿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.

[picasona]

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>

[picasona]

Sigo igual, por favor, si alguien puede ayudar, sé que será una tontería de código pero no puedo verlo

[pitufoweb]

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

[pzin]

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.

[picasona]

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