Problemas com as bordas laterais de uma div

  • Autor Autor javierc77
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
J

javierc77

Delta
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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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;
}
 
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
 
#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
 
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

Creo que esto es lo que necesitas:

Inserir CODE, HTML ou PHP:
height:auto;

Para que la altura se haga automaticamente, segun el contenido :encouragement:
 
Para que el tamaño incremente automaticamente agrégale al contenedor:

HTML:
overflow: hidden;

Saludos!
 
Voltar
Topo