Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/05/2007, 13:50
josequinta
 
Fecha de Ingreso: mayo-2007
Mensajes: 80
Antigüedad: 16 años, 10 meses
Puntos: 0
Pregunta 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>&nbsp;</h1>
<p>&nbsp;</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>

Última edición por josequinta; 30/05/2007 a las 14:00