mozilla me descentra la capa central

raulsp · #1 (**permalink**) 23/10/2007, 09:23

Buenas.
Tengo un problema que no se como solucionarlo al ser novato en css.
Me sucede lo siguiente, en internet explorer si adapta el texto que se muestra en el centro al tamaño de la capa mientras que en mozilla no lo adapta y la capa central se viene debajo de los menus izquierdo y derecho (que son otras 2 capas)

En Internet explorer no me sucede pero en mozilla si.
Mi web es esta: www.editorialdarwin.com Si entráis en quienes somos o como comprar podréis ver lo que sucede.

Os dejo el código css:
(Head es la cabecera, menusup el menusuperior, lat1 el menu izquierdo, lat2 el menu derecho, cent la capa central donde se muestra el contenido, foot el pie de pagina y credit la parte final de abajo donde muestra la información de la empresa.

BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 12px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
MARGIN: 0px;
COLOR: #111;
FONT-FAMILY:Tahoma, Verdana, Arial, Helvetica;
LINE-HEIGHT:17px;
BACKGROUND-COLOR: #7e7e7e;
TEXT-ALIGN: left;
min-width:960px;

}

IMG {
BORDER:0px;
}

TABLE{
MARGIN: 0px;
PADDING: 0px;
BORDER: 0px;
BACKGROUND-COLOR: #fff;
}

P {
TEXT-ALIGN: justify;
}

#content {
background:#fff;
width:960px;
display: block;
position: relative;

}
#menusup {
TEXT-ALIGN: right;
font-size:10px;
padding-top:5px;
padding-right:20px;
color:#666;
width:940px;
height:30px;
}
#cent {
float:left;
margin:0px 25px 0px 40px;
padding:0px;
TEXT-ALIGN: left;
position: relative;
z-index: 14;
}

#lat1 {
float:left;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:160px;
padding:0px;
margin:0px;
border: 0px;
TEXT-ALIGN: left;
}

#lat2 {
float:right;
margin:0px;
padding:6px 0px 6px 0px;
width:200px;
padding:0px;
margin:0px;
border: 0px;
TEXT-ALIGN: left;
}

#head {
margin:0px;
background:transparent;
padding:0px;
height:150px;
clear:both;
BACKGROUND-IMAGE: url(../img/cabecera.jpg);
}
#clear {
clear: bottom; }

#foot {
margin:0px;
padding:0px;
height:79px;
clear:both;
BACKGROUND-IMAGE: url(../img/faldon.jpg);
}

#credit {
margin:0px;
padding:4px 0px 0px 40px;
background:#7e7e7e;
height:40px;
clear:both;
text-align:center;
font-size:9px;
color:#333;
}
INPUT {
font-family : verdana,arial,helvetica;
font-size : 10px;
color: #333333;
margin: 0px 0px 0px 0px;
LINE-HEIGHT:15px;

}

TEXTAREA {
font-family : verdana,arial,helvetica;
font-size : 10px;
color: #333333;
margin: 0px 0px 0px 0px;
LINE-HEIGHT:15px;
}

SELECT {
font-family : verdana,arial,helvetica;
font-size : 10px;
color: #333333;
margin: 0px 0px 0px 0px;
LINE-HEIGHT:15px;
}

FORM {
margin: 0px 0px 0px 0px;
display: inline;
}

TABLE{
margin: 0px 0px 0px 0px;
}

raulsp · #2 (**permalink**) 23/10/2007, 09:25

Y este es el código del index

Código HTML:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Editorial Darwin</title>
<LINK HREF="./css/estilos.css" REL="stylesheet" TYPE="text/css">
</head>
<body>
<center>
<DIV id="content">
	
	<div id="head">
  </div>
  <div id="menusup">
  		<?php include('menusup.php'); ?>
  </div>
		
 	<div id="lat1">
 	<?php include('menuizq.php'); ?>
	</div>
	
  <div id="lat2">
 <?php include('menuder.php'); ?>
	</div>
	
 	<div id="cent">
	<?php include('contenido.php'); ?>

    </div>
	<div id="foot">

	</div>
	
	<div id="credit">
 	<?php include('piepagina.php'); ?>
	</div>
	
	</div>

</body>