| josequinta | 30/05/2007 13:50 |
Problemas con divs
Saludos y gracias por leer el mensaje:
Mi problema ahora es el siguiente.
Tengo una caja creada con css. El problema, que al poner una imagen de titulo en la div "top", me sale en la parte de abajo en el explorador.
Dicha caja esta dentro de una celda, y aqui va el codigo Código:
CSS:
div.top {
height:42px;
background-image:url(Images/top_line.gif);
background-repeat: repeat-x;
margin-top: 2em;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }
div.content {
background-image:url(Images/left_line.gif);
background-repeat:repeat-y; }
div.boxcontrol { padding:0 5% 0 5%;
background-image:url(Images/right_line.gif);
background-position:right;
background-repeat:repeat-y; }
div.bottom { height:28px;
background-image:url(Images/btm_line.gif);
background-repeat:repeat-x;
border:0;
padding:0;
margin:0;}
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }
h1 { margin:0; border-bottom:1px dashed #996;}
p.autor { padding-right:8px;
border-right:1px dashed #996;
text-align:right;
margin:-.1em 0 0 0; }
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq { \margin-left:-.2em; ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der {
\margin-left:.2em;
}
y aqui la del .asp: solo la celda: Código:
HTML:
<div id="top" class="top"> <img src="Images/top_left.gif" alt="Esquina superior izquierda" width="38" height="42" class="esquina_sup_izq" /><img src="/Images/Images_43.png" width="215" height="42" /><img src="/Images/top_right.gif" width="25" height="42" class="esquina_sup_der" /></div>
<div id="content" class="content">
<div id="box_control" class="boxcontrol">
<h1> </h1>
<p> </p>
<p class="autor">.</p>
<br />
</div>
</div>
<div id="bottom" class="bottom">
<img src="Images/btm_left.gif" alt="Esquina inferior izquierda" width="5" height="7" class="esquina_inf_izq" />
<img src="Images/btm_right.gif" alt="Esquina inferior iderecha" width="5" height="7" class="esquina_inf_der" /></div>
| 