Foros del Web - Ver Mensaje Individual

Carxl · #1 (**permalink**) 27/02/2007, 09:18

Hola, cómo van??

Resulta que estoy maquetando un sitio de prueba, pues hace rato que no lo hago. Al hacerlo, cómo lo tengo actualmente, se ve bien en IE pero no en FF. Sé que sino se ve en FF es problema mío y no del navegador, caso contrario si me pasara con IE

Bueno en fin, no entro en detalles para que vean de que se trata, les dejó el código para que lo observen y me ayuden a detectar mi error, por que yo solo no pude

La página de estilos:

Código:

body
{
	background-color:#666666;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
}

#contenedor
{
	width:850px;
	background-color:#FFFFFF;
	margin:auto;
	border:1px solid #000000;
	padding:10px;
}

#encabez
{
	background-image:url(../imag/X-MOS.gif);
	width:500px;
	height:100px;
	//margin:10px;
}

#up
{
	background-color:#FFCC00;
	margin-top:40px;
	padding:3px;
}

.enlaces
{
	background-color:#000000;
	color:#FFFFFF;
	padding:3px;
}

a.lenks,a.lenks:VISITED,a.lenks:ACTIVE,a.lenks:FOCUS,a.lenks:LINK
{
	color:#000000;
	font-weight:bold;
	text-decoration:none
}

a.lenks:HOVER
{
	color:#ffffff;
}

a.links,a.links:VISITED,a.links:ACTIVE,a.links:FOCUS,a.links:LINK
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

a.links:HOVER
{
	color:#FFCC00;
}

#login
{
	background-color:#CCCCCC;
	margin:10px 0px 10px 0px;
	padding:3px;
	
}

#menu
{
	width:230px;
	border:1px solid #cccccc;
	float:left;
	background-color:#FFCC00;
	padding:5px;
}

#cuerpo
{
	float:right;
	width:580px;
	border:1px solid #cccccc;
	padding:5px;
}

#pie
{
	width:850px;
	display:block;
	background-color:#FFFFCC;
	margin:auto;
	text-align:center;
	padding:0px 10px 0px 10px;
}

El index.php

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bienvenido!!! - El sitio de ayuda al programador y dise&ntilde;ador web!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="styles/a_styles.css" type="text/css">
</head>

<body>
	<div id="contenedor">
		<div id="encabez">
		</div>
		<div id="up">
			Visitando | <a href="#" class="lenks">Con&oacute;zcanos</a> |	<a href="#" class="lenks">Servicios</a> |	<a href="#" class="lenks">Programaci&oacute;n</a>
		</div>
		<div id="up1" class="enlaces">	
			<a href="#" class="links">Qui&eacute;nes somos?</a> |	<a href="#" class="links">Un poco de historia</a>
		</div>	
		<div id="up2" class="enlaces">	
			<a href="#" class="links">P&aacute;ginas est&aacute;ticas</a> | <a href="#" class="links">P&aacute;ginas de din&aacute;micas</a> | <a href="#" class="links">Dise&ntilde;o de Bases de Datos</a> | <a href="#" class="links">Aplicaciones web</a>
		</div>
		<div id="up3" class="enlaces">	
			<a href="#" class="links">Manuales</a> | <a href="#" class="links">Programas</a> | <a href="#" class="links">Scripts</a>
		</div>
		<div id="login">
			Es usuario registrado?
			<form action="index.php" method="post" name="form1">
				Usuario: 
				  <input name="usuario" type="text" size="10" maxlength="30">
				Contrase&ntilde;a: 
				<input name="contrase" type="text" size="10" maxlength="30">
				<input name="enviar" type="submit" value="Ir">
			</form>
			<a href="#">Reg&iacute;strese</a>, si a&uacute;n no lo es.
		</div>	
		
		<div id="menu">
			at mi den tru for the seken sal anj krou de ever sintell sou de much od ju te!!
		</div>
		<div id="cuerpo">
			<h1>Bienvenido a X-MOS</h1>
			Bienvenido!!!!
			Te invitamos a que visites nuestras diferentes secciones, php, javasript, AJAX.
			Registrate para poder descargar de manera gratuita manuales, scripts y dem&aacute;s programas.
		</div>
	</div>
	<div id="pie">
		Algunos derechos reservados<br>
		Colombia<br>
		2007
	</div>
</body>
</html>

Espero me puedan ayudar!!!!

Gracias de antemano y saludos.