hola amigos, tengo el problema que en internet explorer se ve bien centrado tal como el browser de html-kit pero en google chrome se ve todo tirado a la derecha, ya quite en contenido en la hoja de estilos widh:800px y float:left, sin embargo siempre da el mismo problema.
http://firststep.myartsonline.com/plantilla.html
aca les mando ell codigo de la hoja de estilos, y el de la plantilla.
*{margin:0px; padding:0px; border:0px;}
body{text-align:center;}
#global{width:800px; magin:4px auto;}
#cabezera{text-align:center; background-color:pink;}
#navegacion{background-color:lightgreen;}
#contenido{background-color:lightyellow;}
#menu{background-color:yellow; width:150px; float:left; text-align:left; margin:5px 10px 5px 5px;}
#menu li{list-style:none; margin:4px 0px 4px 6px;}
#pie{background-color:lightblue;}
a{color:green; text-decoration:none; display:block;}
a:link{}
a:visited{color:gray;}
a:hover{color:red; text-decoration:underline; background-color:silver;}
a:active{}
p{text-align:justify;}
#contenido p{padding:5px 10px 5px 10px; text-indent:15px;}
h1{font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2{font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabezera"> Hola Esta un Ejemplo del Control de Estilos</div>
<div id="navegacion">Navegacion</div>
<div id="contenido">
<div id="menu"><h1>Menu</h1>
<ul><li><a href="http://www.yahoo.com" target="_blank">Yahoo</a></li><li><a href="http://www.hotmail.com" target="_blank">Hotmail</a></li><li><a href="http://www.altavista.com" target="_blank">Altavista</a></li><li><a href="http://www.youtube.com" target="_blank">Youtube</a></li><li><a href="http://www.cnn.com" target="_blank">CNN</a></li><li><a href="http://www.msn.com" target="_blank">MSN</a></li></ul>
</div menu><h1>Contenido</h1>
<p>When you're looking to cover up grays, there are a few ways to do it.
You can use a semi-permanent hair color if you want the color to last for just a few shampoos (great, for example, if you want quick coverage for a party). If you're looking to make a long-term commitment, you'll want to seek out permanent color. Rather than washing out, this type of dye needs to grow out of your hair-leaving dreaded gray roots in its wake.
QUIZ: How Healthy is Your Hair?</p>
<p>But somewhere in the middle lies the hair color sweet spot that many women crave. It's called demi-permanent hair color.</p>
<h2>"This type of product will stay in the hair for 28 shampoos,"</h2>
<p>Explains Teca Lewellyn, a Procter & Gamble Beauty Scientist. "So, depending on how frequently you wash your hair, it will take about a month to a month and half to gently fade away."
Here's how it works: Demi-permanent hair color molecules get under the outer cuticle of the hair shaft but, unlike permanent dyes, they don't penetrate the deeper cortex. "They basically get temporarily stuck just beneath the cuticle until they are washed out," says Lewellyn. "The difference with permanent color is that the dye has to swell the cuticle to make it lift and allow the molecules to make their way into the cortex deep inside the hair shaft."
Demi-permanent may not be the answer for everyone and every hair situation, but it does have several key advantages.</p>
<p>It can cover up to 70 percent of your grays.</P>
<p>"It's a great solution for someone who's just starting to go gray and wants to experiment with color," says Lisa Evan, a colorist at Mario Russo Salon in Boston. "It gives a very natural result because the grays will take the color differently from the other strands, which means hair ends up with an almost highlighted look."
MORE: How to Go Gray, Gracefully</p>
<p>You'll never have obvious roots.</p></div>
<div id="pie">Pie</div>
</div global>
</body>
</html>
http://firststep.myartsonline.com/plantilla.html
aca les mando ell codigo de la hoja de estilos, y el de la plantilla.
*{margin:0px; padding:0px; border:0px;}
body{text-align:center;}
#global{width:800px; magin:4px auto;}
#cabezera{text-align:center; background-color:pink;}
#navegacion{background-color:lightgreen;}
#contenido{background-color:lightyellow;}
#menu{background-color:yellow; width:150px; float:left; text-align:left; margin:5px 10px 5px 5px;}
#menu li{list-style:none; margin:4px 0px 4px 6px;}
#pie{background-color:lightblue;}
a{color:green; text-decoration:none; display:block;}
a:link{}
a:visited{color:gray;}
a:hover{color:red; text-decoration:underline; background-color:silver;}
a:active{}
p{text-align:justify;}
#contenido p{padding:5px 10px 5px 10px; text-indent:15px;}
h1{font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline; text-align:center;}
h2{font-size:1.1em; color:blue; font-weight:bold; text-decoration:none; text-align:center;}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabezera"> Hola Esta un Ejemplo del Control de Estilos</div>
<div id="navegacion">Navegacion</div>
<div id="contenido">
<div id="menu"><h1>Menu</h1>
<ul><li><a href="http://www.yahoo.com" target="_blank">Yahoo</a></li><li><a href="http://www.hotmail.com" target="_blank">Hotmail</a></li><li><a href="http://www.altavista.com" target="_blank">Altavista</a></li><li><a href="http://www.youtube.com" target="_blank">Youtube</a></li><li><a href="http://www.cnn.com" target="_blank">CNN</a></li><li><a href="http://www.msn.com" target="_blank">MSN</a></li></ul>
</div menu><h1>Contenido</h1>
<p>When you're looking to cover up grays, there are a few ways to do it.
You can use a semi-permanent hair color if you want the color to last for just a few shampoos (great, for example, if you want quick coverage for a party). If you're looking to make a long-term commitment, you'll want to seek out permanent color. Rather than washing out, this type of dye needs to grow out of your hair-leaving dreaded gray roots in its wake.
QUIZ: How Healthy is Your Hair?</p>
<p>But somewhere in the middle lies the hair color sweet spot that many women crave. It's called demi-permanent hair color.</p>
<h2>"This type of product will stay in the hair for 28 shampoos,"</h2>
<p>Explains Teca Lewellyn, a Procter & Gamble Beauty Scientist. "So, depending on how frequently you wash your hair, it will take about a month to a month and half to gently fade away."
Here's how it works: Demi-permanent hair color molecules get under the outer cuticle of the hair shaft but, unlike permanent dyes, they don't penetrate the deeper cortex. "They basically get temporarily stuck just beneath the cuticle until they are washed out," says Lewellyn. "The difference with permanent color is that the dye has to swell the cuticle to make it lift and allow the molecules to make their way into the cortex deep inside the hair shaft."
Demi-permanent may not be the answer for everyone and every hair situation, but it does have several key advantages.</p>
<p>It can cover up to 70 percent of your grays.</P>
<p>"It's a great solution for someone who's just starting to go gray and wants to experiment with color," says Lisa Evan, a colorist at Mario Russo Salon in Boston. "It gives a very natural result because the grays will take the color differently from the other strands, which means hair ends up with an almost highlighted look."
MORE: How to Go Gray, Gracefully</p>
<p>You'll never have obvious roots.</p></div>
<div id="pie">Pie</div>
</div global>
</body>
</html>