Hola, estoy intentando de maquetar pero como soy nuevo en esto, no puedo que el sitio se visualize igual en los navegadores IE 6 y Firefox 2
Este es el codigo html
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin: 0;
padding: 0;
}
#container {
margin:0 auto 0 auto;
text-align: left;
}
#logo {
width:192px;
height:33px;
padding-top:8px;
margin-left:15px;
padding-bottom:5px;
}
#datos {
font-family: "Verdana"; font-size:11px; font-weight:bold;
vertical-align:middle;
text-align:left;
position: absolute;
}
#datos ul li {
list-style-type: none;
background: transparent url(../images/flecha-derecha-gris.gif) no-repeat 0% 0%;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
font-size:11px;
font-weight:normal;
padding-right:72px;
}
#datos ul {
margin: 0;
padding: 0;
}
#datos li {
float: left;
}
#datos a {
color:#000;
text-decoration: none;
display: block;
padding: 0px 14px;
text-align: center;
color:#3B3A36;
font-weight:bold;
}
#datos a:hover {
text-decoration: underline;
}
#sub {
font-family: "Verdana"; font-size:11px; font-weight:bold;
vertical-align:middle;
text-align:left;
position: absolute;
}
#sub ul li {
list-style-type: none;
background: transparent url(../images/flecha-derecha-gris.gif) no-repeat 0% 0%;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
font-size:11px;
font-weight:normal;
padding-right:3px;
}
#sub ul {
margin: 0;
padding: 0;
}
#sub li {
float: left;
}
#sub a {
color:#000;
text-decoration: none;
display: block;
padding: 0px 15px;
text-align: center;
color:#3B3A36;
font-weight:bold;
}
#sub a:hover {
text-decoration: underline;
}
.buttonover {
width:150px;
height:12px;
font-family: "Verdana";
font-size: 10px;
color: #000000;
background-color: #E6E6E6;
border-top: 1px solid #B8B7B7;
border-left: 1px solid #B8B7B7;
border-bottom: 1px solid #B8B7B7;
border-right: 1px solid #B8B7B7;
cursor:pointer;
vertical-align:middle;
margin-top:3px
}
.enviar {
font-family: "Verdana";
font-size: 10px;
color: #000000;
background-color: #E6E6E6;
border-top: 1px solid #B8B7B7;
border-left: 1px solid #B8B7B7;
border-bottom: 1px solid #B8B7B7;
border-right: 1px solid #B8B7B7;
cursor:pointer;
vertical-align:middle;
margin-top:3px;
}
#buscar {
float:left;
margin-top:-60px;
margin-left:315px;;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="logo">
</div>
<div id="datos">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
<br />
<div id="sub">
<ul>
<li><a href="#">Enviar Trabajos</a></li>
<li><a href="#">Ayuda</a></li>
</ul>
</div>
<br />
<div id="buscar"><form action="/nav/index_fil.php" method="post" target="frfil">
<input name="srch" type="text" class="buttonover"></td>
<input name="Submit" type="submit" class="enviar" value="Buscar" />
</form>
</div>
</div>
</body>
</html>
Espero una ayudita pronta
!