Ok llevo buen rato en esto asi que me atrevi a hacer esta pregunta tan imbecil...
El hecho es que tengo que modificar cierta informacion a la primera y unica pagina que he vendido y quiero aprovechar para cambiarle un poco el diseño usando CSS para estructurarla...
llevo un mes estudiando varios tutoriales y hoy que me he decidido a poner la cosa en practica me encuentro con un problema realmente frustrante de lo tonto que es, de seguro que es alguna cosa tonta que no veo por novato pero señores tengo verdaderamente rato revisando los codigos que mas simples no podian ser y ya he vuelto a revisar mil veces manuales y paginas y no veo nada mal...
tengo un archivo index.html donde estoy comenzando a estructurar lo que va a ser el sitio cuyo contenido ya tengo creado. Lo tengo vinculado a un archivo CSS externo como dios manda y todos los nombres de archivo estan bien, todas las etiquetas parecen estar bien en sintaxis, pero haga lo que haga en cualquier explorador no logro que me tome el color de fondo el body :-p
Si ya se diran... toda esta chachara por eso??? pero es que realmente no veo el error :( aqui los codigos de ambos archivos....
index.html
Código:
<!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=utf-8" />
<title>Soldatecni - Home</title>
<link href="estilos.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- WRAPPER -->
<div id="wrapper">
<!-- HEADER -->
<div id="header">
H
</div>
<!-- MENU -->
<div id="menu">
M
</div>
<!-- CONTENT -->
<div id="content">
<p>C </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>C</p>
</div>
<!-- FOOTER -->
<div id="footer">
F
</div></div><!-- FIN DE WRAPPER -->
</body>
</html>
estilos.css
Código:
@charset "utf-8";
/* CSS Document */
* { margin : 0 ; padding : 0 ; }
/* ########################## WRAPPER ########################## */
#wrapper {
background-color : black;
width : 800px ;
margin : 10px auto ;
}
/* ########################## HEADER ########################## */
#header {
background-color : red;
margin : 5px ;
}
/* ########################## MENU ########################## */
#menu {
background-color : purple;
margin : 5px ;
}
/* ########################## CONTENT ########################## */
#content {
background-color : grey;
margin : 5px ;
}
/* ########################## FOOTER ########################## */
#footer {
background-color : pink;
margin : 5px ;
}
/* HTML's */
html { height : 101% } ;
body {
color : orange ;
font-family : Calibri, Verdana, Arial, Helvetica, sans-serif ;
font-size : small ;
background-color : green ;
}
h1 { font-size : 150% ; margin-bottom : 1em ; font-weight : bold; }
h2 { font-size : 130% ; margin-bottom : 1em ; font-weight : bold; }
h3 { font-size : 100% ; margin-bottom : 1em ; font-weight : bold; }
Eso lo redacte con Dreamweaver CS4 y estoy probando con "Firefox 3.5.6" e "IE 8" en ambos exploradores tengo el mismo inconveniente...
Cabe destacar que si se esta vinculando el archivo estilos.css porque todas las demas reglas que defini estan funcionando a cabalidad.... es unicamente con el tag body que no me toma el color de fondo....
Disculpen este tipo de preguntas pero de verdad que llevo rato en esto y nada que doy con el porque...