Comunidad de diseño web y desarrollo en internet online

Una de capas...

Citar            
MensajeEscrito el 12 Abr 2007 10:06 am
Hola amigos! Esta es una duda de novatos. Quiero meter en una capa otras dos, una a la izquierda y otra a la derecha, que esté alineadas. La capa es esta:

Código :

#contenedor{
width:80%;
margin-left:10%;
margin-right:10%;
position:absolute;
background-color:#FFFFFF;
}


Como digo dentro de esa capa quiero poner dos, una a la derecha y otra a la izquierda, que la llenen toda, pero con un "padding" para que el texto no esté pegado a la capa "contenedor". He probado mucho codigo, pero se me montan las capas o no salen alineadas. Alguan sugerencia??

Muchas gracias por adelantado.

Por Prometeo2006

122 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Abr 2007 12:01 pm
Primero, elimina ese position: absolute; de ahi, no lo necesitas para nada.

Luego le agregas a las capas que quieres dentro de esa, float a la izquierda y a la derecha respectivamente, y el ancho+padding que quieras para cada una (recuerda que el padding se suma al ancho).

Código :

//Capa a la izquierda
#izquierda {
   float: left;
   width: 60%;
   padding: 0 5%;
   display: inline; //esto corrige un error en IE6
   }

//Capa derecha
#derecha {
    float: right;
    width: 25%;
    padding-right: 5%;
    display: inline; //esto corrige un error en IE6
    }


Ajusta las cifras a las medidas que necesites

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 12 Abr 2007 02:00 pm
Muchas gracias! Esta pefecto!!!!!

Saludos.

Por Prometeo2006

122 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.