problemas con width:100%

[capagris]

Hola

Tengo dos div, uno de ellos tiene width:100% y quiero que su contenido se muestre uno a continuacion del otro.
Lo que ocurre, es que el contenido del segundo div el del width:100% se muestra debajo.

Que puedo hacer para solucionarlo?

Gracias de antemano.

adjunto codigo.


Código css

Código:

#cab_izq{
    position:relative;
    float:left;
    width:350px;
    height:80px;
    
}
#cab_der{
    position:relative;
    float:right;
    width:100%;
    height:80px;
    background-image:url(../img/cab_lin.jpg);

codigo HTML

Código:

<div id="contenedor">
        <div id="cab_izq"><img src="img/cab_logo.jpg" alt="pcmur" /></div><div id="cab_der"></div>
    </div>

[JavierB]

Hola capagris

No entiendo. Si a un div le pones un width=100% ya ocupa todo el ancho, no queda sitio para otro div

Saludos,

[capagris]

lo que quiero es que el contenido de ese segundo div se ajuste al ancho de pantalla

[naf]

Entonces lo que deberias hacer es trabajar ambos div con porcentajes para que que asegures de ambos div te cubran la pantalla completa.

Por ejemplo:
#cab_izq{
position:relative;
float:left;
width:60%;
height:80px;

}
#cab_der{
position:relative;
float:right;
width:40%;
height:80px;
background-image:url(../img/cab_lin.jpg);

Ahora, si tu pagina es fija utiliza anchos fijos, pero que la sumatoria de los dos div con cuerden con tu caja contenedora.

Ojalas te sirva

[jonee]

Hola, que tal! Yo tengo el mismo problema y se podría arreglar así salvo que lo que me intersa a mi es que el uno de los divs no cambie de tamaño ya que tiene una imagen de fondo.

Digamos que tengo los siguientes DIVS

Código:

<div style="height:28px; width:500px; position:absolute;">
     <div style="background:url(img/topbar2_bg.png) no-repeat left; height:28px; width:100%; float:left;"></div>
     <div style="width:5px; height:28px; float:right; background:url(img/topbar_sideright.png) 0px 0;"></div>
</div>

Necesito que uno este al lado del otro, y que el primero se adapte al ancho del parent que va a poder ser redimensionado con js.

Espero que puedan entender lo que quiero hacer y que puedan darme una mano. Gracias.

Iniciado por naf

Entonces lo que deberias hacer es trabajar ambos div con porcentajes para que que asegures de ambos div te cubran la pantalla completa.

Por ejemplo:
#cab_izq{
position:relative;
float:left;
width:60%;
height:80px;

}
#cab_der{
position:relative;
float:right;
width:40%;
height:80px;
background-image:url(../img/cab_lin.jpg);

Ahora, si tu pagina es fija utiliza anchos fijos, pero que la sumatoria de los dos div con cuerden con tu caja contenedora.

Ojalas te sirva