La capa aparece como una linea

gogupe · #1 (**permalink**) 04/11/2009, 02:40

Hola, tengo una capa contenedor que a su ver tiene otras dos capas que van interior, con float a la izquierda y otra a la derecha.

Pongo el ejemplo

estilo.css

Código:

#lcontenedor
	{position:static;
	width:100%;
	border:1px solid;
	font-family:verdana,arial;
	font-size:12;
	}
#logo_left
	{ float:left; }
#logo_right
	{ float:right; }

index.html

Código:

<html>

<head>
  <title></title>
  <link href='/estilos/index_estilo.css' rel='stylesheet' type='text/css'>
</head>

<body>

<div id='contenedor'>
	<div id='logo_left'>
		<img src='/graficos/logo/logo.gif'>
	</div>

	<div id='logo_right'>
		Prueba de texto
	</div>
</div>


</body>

</html>

El problema que tengo y que no se solucionar es que la capa contenedor quiero que aparezca rodeando a las capas que contiene el logo, pero en vez de esto me aparece una sola linea como si su contenido estuviera vacía.

Para solucionarlo, cambio position:static por absolute, pero entonces me desconfigura el resto de las capas por el tema de la continuidad del flujo.

Espero haberme explicado bien.

Muchas gracias.

DragonX · #2 (**permalink**) 04/11/2009, 06:18

probá con esto:

Código css:

Ver original#lcontenedor
    {position:static;
    width:100&#37;;
    border:1px solid;
    font-family:verdana,arial;
    font-size:12;
        overflow:hidden;
    }
#logo_left
    { float:left; }
#logo_right
    { float:right; }

gogupe · #3 (**permalink**) 04/11/2009, 06:44

perfecto, justo como lo quería.

Muchas gracias.

jomaruro · #4 (**permalink**) 04/11/2009, 14:46

Hola:

Cita:

Iniciado por gogupe

pero en vez de esto me aparece una sola linea como si su contenido estuviera vacía.

La explicación está en que al estar los div flotados el contenedor aparece como una sola linea porque está vacío.

Saludos.

anRoswell · #5 (**permalink**) 04/11/2009, 19:31

Cita:

Iniciado por jomaruro

Hola:

La explicación está en que al estar los div flotados el contenedor aparece como una sola linea porque está vacío.

Saludos.

caramba, me falta leerme un buen libro de CSS para entener este mundo, veo k aun soy mu novato y muchas vainas me salen de mojon como decimos por aka...

jomaruro · #6 (**permalink**) 05/11/2009, 15:28

Hola:

Por si te sirve de ayuda (aunque es posible que ya la conozcas) date una vuelta por www.librosweb.es

Saludos.

anRoswell · #7 (**permalink**) 06/11/2009, 05:53

Dragon X, por ahy en la Net, encontre q para ese problema de los div flotantes tambn se puede colocar otro div y se le colocan la propiedad clear:both;

??

gracias por el dato jomaruro...