Foros del Web » Creando para Internet » CSS »

Problema con float y borde

Estas en el tema de Problema con float y borde en el foro de CSS en Foros del Web. Hola a todos, tengo un problema al crear un borde alrededor de un div, basicamente el codigo es el siguente: HTML: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: ...
  #1 (permalink)  
Antiguo 07/09/2010, 13:44
 
Fecha de Ingreso: junio-2009
Mensajes: 79
Antigüedad: 8 años, 5 meses
Puntos: 0
Problema con float y borde

Hola a todos, tengo un problema al crear un borde alrededor de un div, basicamente el codigo es el siguente:

HTML:
Código HTML:
Ver original
  1. <div id="main">
  2.     <h1>Test>/h1>
  3.     <p> Blah blah blah</p>
  4.     <a href="#" class="boton">Boton 1</a><a href="#" class="boton">Boton 2</a>
  5. </div>

CSS:
Código CSS:
Ver original
  1. #main{
  2.     border: 1px solid #ddd;
  3. }
  4. .boton{
  5.     float: left;
  6. }

El problema es que como los link esta flotando a la izquierda el borde del div llega hasta el final del bloque de parrafo (p) y los link quedan fuera del borde. Antes se me habia presentado un problema parecido y lo resolvi jugando con la propiedad "clear" pero no recuerdo ahora como hacer para que el borde abarque los link tambien.

Gracias de antemano.
  #2 (permalink)  
Antiguo 07/09/2010, 13:56
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: Problema con float y borde

Si flotas el boton,tambien deberas flotar el contenedor que lo contiene...

ó aplica overflow:hidden, aqui encontre un ejemplo:
http://www.desarrolloweb.com/articul...acion-css.html
  #3 (permalink)  
Antiguo 07/09/2010, 15:51
 
Fecha de Ingreso: junio-2009
Mensajes: 79
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Problema con float y borde

Excelente amigo muchas gracias.

Etiquetas: float, bordes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:10.