Hola a Todos, tengo un problema que me vueve loco, en Dreamweaver se ve bien, pero cuando lo abro con Explorer o Mozilla, no se aplica la hoja de estilos no se ven las imágenes y las capas aparecen formando una columna al lado izq ¿qué está mal?
<
Código:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome</title>
<link href="/css/estilo3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top"><img src="/imagenes/logo_home.gif" width="170" height="140"></div>
<div id="leftnav"><img src="/imagenes/welcome-excursines_off.gif" width="150" height="80"></div>
<div id="rightnav"><img src="/imagenes/welcome_lodge_off.gif" width="150" height="80"></div>
<div id="content"><img src="/imagenes/welcome_reserva_off.gif" width="150" height="80"></div>
<div id="footer">Colocar aquí el contenido para id "footer"</div>
</body>
</html>
Lahoja de estilos
Código:
#top
{
width: 170px;
margin: 0 auto;
}
#leftnav
{
float: left;
width: 150px;
padding: 1em;
}
#rightnav
{
float: right;
width: 150px;
padding: 1em;
}
#content
{
padding: 1em;
width: 150px;
margin: 0 auto;
}
#footer
{
clear: both;
margin: 0 auto;
padding: 0.5em;
}
/* CSS Document */