Alto diferente en IE y Firefox

hq1 · #1 (**permalink**) 19/07/2007, 03:53

Hola,

He detectado un problema en mi web. Resulta que la cabecera (esa parte que aparece en verde), tiene una altura diferente en IE y en Firefox, lo que lleva a que las subopciones del menú se descuadren en IE.

Seguro que tiene que ver con la hoja de estilos así es que aquí os pongo el código:

Código:

/* Propiedades del BODY */

BODY { 
	text-align: center ; 
	margin: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
}

/* Definición de Capas */

#general {
	WIDTH: 100% ;
	margin: 0 auto 0 auto;
	padding: 0px;
}

#superior {
	width: 100%;
	margin: auto;
	background-color: #bbe573 ;
}
#cabecera {
	width: 728px ;
	margin: 0 auto 0 auto;
	padding: 0.4em;
}

#linea {
	width: 90%;
	text-align: right;
}

Y aquí la parte del código HTML correspondiente:

Código:

<body>

<div id="general">

<div id="superior">
<div id="cabecera">

<script type="text/javascript"><!--
google_ad_client = "pub-2437915840486422";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2007-04-04: Campa Cielo
google_ad_channel = "4828194569";
google_color_border = "336699";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_text = "000000";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>

<img src="http://www.elcampamentobase.es/objetos/logo.gif" alt="ECB, Revista digital" width="300" height="70"/>

<h3>Revista de Informacion</h3>

<div id="linea">

<h4>
<script language="javascript">

var fecha=new Date();
var diames=fecha.getDate();
var diasemana=fecha.getDay();
var mes=fecha.getMonth() +1 ;
var ano=fecha.getFullYear();

var textosemana = new Array (7);
  textosemana[0]="Domingo";
  textosemana[1]="Lunes";
  textosemana[2]="Martes";
  textosemana[3]="Miércoles";
  textosemana[4]="Jueves";
  textosemana[5]="Viernes";
  textosemana[6]="Sábado";

var textomes = new Array (12);
  textomes[1]="Enero";
  textomes[2]="Febrero";
  textomes[3]="Marzo";
  textomes[4]="Abril";
  textomes[5]="Mayo";
  textomes[6]="Junio";
  textomes[7]="Julio";
  textomes[8]="Agosto";
  textomes[9]="Septiembre";
  textomes[10]="Octubre";
  textomes[11]="Noviembre";
  textomes[12]="Diciembre";

document.write(textosemana[diasemana] + ", " + diames + " de " + textomes[mes] + " de " + ano);

</script>
</h4>

</div>

<!-- Cierro la cabecera -->

</div>
</div>...

A ver si me podéis echar una manita.