Un saludo a todos,
Tengo un problema con algunos div's que collapsan debido a que se encuentran insertados en una tabla, cuando la celda de esta tabla es mas pequeña que el contenido o se disminuye el navegador estos colapsan y no se mantiene en linea.
Esto se debe a que estan flotando a la izquiera, existe alguna propiedad que fuerza a que se mantengan en su lugar y no permita reducir el tamaño de la tabla contenedora?
Este es el error:
https://sites.google.com/site/myfiles3000/
El código es el siguiente:
Html
Código:
<div class="btn">
<a href="/gallery_edit?name=Problemas%20con%20la%20Galeria" title="Editar galería">
<b>Problemas con la Galeria</b>- errores de layout. [Probar borrado, con OTRAS galerias, please]
</a><span></span></div>
CSS:
Código:
.btn {
float: left;
background-color: transparent;
background-image: url(static/img/btn_left.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 10px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
.btn a{
float: left;
height: 40px;
background-color: transparent;
background-image: url(static/img/btn_stretch.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
line-height: 40px;
padding-top: 0pt;
padding-right: 10px;
padding-bottom: 0pt;
padding-left: 10px;
color: #ffffff;
font-size: 1em;
text-decoration: none;
}
.btn span {
background-color: transparent;
background-image: url(static/img/btn_right.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
float: left;
width: 10px;
height: 40px;
}
Espero puedan ayudarme, de antemano mil gracias.