Foros del Web » Creando para Internet » CSS »

Tabla choesionada también en Firefox

Estas en el tema de Tabla choesionada también en Firefox en el foro de CSS en Foros del Web. Buenas, por primera vez estoy tratando de crear una página web basada prácticamente en su totalidad en CSS. Por el momento solo tengo una gran ...
  #1 (permalink)  
Antiguo 06/06/2007, 17:33
 
Fecha de Ingreso: junio-2007
Mensajes: 18
Antigüedad: 10 años, 6 meses
Puntos: 0
Tabla choesionada también en Firefox

Buenas,

por primera vez estoy tratando de crear una página web basada prácticamente en su totalidad en CSS. Por el momento solo tengo una gran dificultad: hacer que esté 'cohesionada' una tabla basada en CSS tanto en firefox como en IE 7. En el IE 7 se ve genial pero en el Firefox 2 la parte de abajo de la 'tabla' está separada cosa así como de un renglón.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<head>
<title>Tabla en CSS.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

div.top {
	height:12px; 
	background-color: #FFFF99;
	margin-left:0; margin-right:0; margin-top:2em; margin-bottom:0}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-color: #ffffcc;
	margin:0 }
	
div.boxcontrol { 
 	background-color: #ffffcc;
	 padding-left:5%; padding-right:5%; padding-top:0; padding-bottom:0; margin:0 }
	
div.bottom { height:18px; 
	background-color: #FFFF99;
	border:0px none;
	padding:0;
	margin:0}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

</style>

</head>
<body bgcolor="#008000">

	<div id="top" class="top">
		<img src="imagenes/ttop_izq.jpg" class="esquina_sup_izq" width="16" height="11" />
		<img src="imagenes/ttop_der.jpg" class="esquina_sup_der" width="18" height="11" />
        <font size="1">Arriba</font></div>
	<div id="content" class="content">
		<div id="box_control" class="boxcontrol">
		Blablabla<p>blblabla</p>
        <p>blabla</p>
        <p>blalba y justamente aquí debajo y entre la parte baja se genera un 
        espacio en el Firefox.</div>
	</div>
	<div id="bottom" class="bottom">
		<img src="imagenes/tbtm_izq.jpg"  class="esquina_inf_izq" width="16" height="16" />
		<img src="imagenes/tbtm_der.jpg" class="esquina_inf_der" width="16" height="16" />
        <font size="1">Parte baja</font></div>
	
</body>
</html>
El código CSS de la tabla lo extraje de una serie de manuales/guías precisamente para esto y luego cambié las imagenes de la tabla, aunque para facilitarlo, al publicarlo aquí, en el CSS he quitado las imagenes de fondo de la tabla y los he sustituido por backgruound-color.

El problema es tan tonto como q no se ve bien en Firefox por lo que decía,

¿Me podeis hechar un cable ?

Saludos y gracias

PD: en el código CSS he tenido que quitar en parte lo de

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www w3 org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" www w3 org /1999/xhtml">

ya que me lo detectaba como SPAM al tener pocos mensajes.

Última edición por Yosuke; 06/06/2007 a las 17:47 Razón: para aclarar un poquito mas el mensaje xD
  #2 (permalink)  
Antiguo 06/06/2007, 18:10
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Re: Tabla choesionada también en Firefox

El problema es que Explorer no pone margen en sus parrafos (por default), pero firefox si, lo que debes hacer es poner esto en el css:

p {
margin: 0;}

y también cerrar una etiqueta </p> que te hace falta
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 06/06/2007, 18:36
 
Fecha de Ingreso: junio-2007
Mensajes: 18
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: Tabla choesionada también en Firefox

Corregido y listo!

Gracias baccxus
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 02:27.