Problemas con los bordes laterales de un div

J

javierc77

Delta

• 25 Oct 2011

• #1

Buenas tardes, estoy intentando poner el borde derecho e izquierdo en un div pero no me sale

en el css tengo esto


/*Container*/
#container {
width: 1010px;
margin: auto;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-left: 1px solid #BDBDBD;
border-right: 1px solid #BDBDBD;
}

/* Contenedor izquierdo */
#container-left { width: 685px; float:left; border-right: 1px solid #e7e6e6 }

y llamo a los div asi

<div id="container">

<div id="container-left">
lo que sea
</div>
</div>

Solo se muestran los bordes en los 5 pixels del top pero a partir de ahi no se ve

Me pueden ayudar?

Gracias

 

E

ethernity

Zeta

SEO

• 25 Oct 2011

• #2

No le has indicado el height al div container, por eso lo muestra tan pequeño. Un saludo!+

Ejemplo

#container {
width: 1010px;
height:30px;
margin: auto;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-left:#BDBDBD solid 1px;
border-right:#BDBDBD solid 1px;
}

 

J

javierc77

Delta

• 25 Oct 2011

• #3

Enteniendo

el caso es que el heigh no es fijot, por lo que no se cuanto es, ya que varia segun el contenido. Pensaba el contenido haria que el height aumentara solo. Me hechais un cable como hacerlo?

Gracias

 

E

ethernity

Zeta

SEO

• 25 Oct 2011

• #4

#container {
width: 1010px;
margin: auto;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
border-left:#BDBDBD solid 1px;
border-right:#BDBDBD solid 1px;
}


/* Contenedor izquierdo */
.container-left { width: 685px; float:left;}


Pon el css asi aver si es lo que buscas... no te entendi bien del todo creo

 

thelarios

Dseda

Redactor

Verificación en dos pasos activada

• 25 Oct 2011

• #5

aisa dijo:

Enteniendo

el caso es que el heigh no es fijot, por lo que no se cuanto es, ya que varia segun el contenido. Pensaba el contenido haria que el height aumentara solo. Me hechais un cable como hacerlo?

Gracias

Hacer clic para expandir...

Creo que esto es lo que necesitas:

Insertar CODE, HTML o PHP:

height:auto;

Para que la altura se haga automaticamente, segun el contenido :encouragement:

 

Z

ziney

Eta

Programador

• 26 Oct 2011

• #6

Para que el tamaño incremente automaticamente agrégale al contenedor:

HTML:

overflow: hidden;

Saludos!

 

J

javierc77

Delta

• 26 Oct 2011

• #7

ziney dijo:

Para que el tamaño incremente automaticamente agrégale al contenedor:

HTML:

overflow: hidden;

Saludos!

Hacer clic para expandir...

Genial!! muchas gracias