/* CSS Document */
body{
background-color:#eeddff;
font:11px Arial, Helvetica,sans-serif;
color:#666666;
text-align:center; /*para IE: centrado vertical de la pagina*/
}
#contenedor{
margin:auto; /*para FF: centrado vertical de la pagina*/
text-align:left; /*para IE: Alineacion a la izquierda despues de centrar verticalmente*/
background-color:white;
width:600px;
}
#header{
height:60px;
background-color:#1E90FF;
}
h1{
font-size:16px;
text-transform:uppercase;
letter-spacing:2px;
color:white;
padding:22px;
}
#navegacion{
/*margin:0px 0px 0px 0px;*/
width:150px;
float:left;
}
#navegacion ul{
padding:0px;
}
#navegacion li{
margin:1px;
padding:0px;
list-style-type:none;
border-bottom: 1px solid #DDDDDD;
border-left:4px solid #1E90FF;
}
#navegacion li a {
text-decoration:none;
display:block;
padding:4px;
color:#1E90FF;
}
#navegacion li a:hover {
background-color:#97CBFF;
padding: 4px 4px 4px 16px;
color:#FFFFFF;
}
#contenido{
width:400px;
margin-left:180px;
border-left:1px solid #DDDDDD;
padding-left:12px;
}
h2{
color:#1E90FF;
font-size:14px;
text-transform:uppercase;
}
#pie{
text-align:center;
border-top:1px solid #1E90FF;
font-size:10px;
color:#AAAAAA;
padding:4px;
}
y el codigo de la plantilla:
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="../estiloCurriculum.css" rel="stylesheet" type="text/css" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Mi Curriculum Vitae - En Linea</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> </head> <body> <div id="contenedor"> <div id="header"> <h1>Mi Curriculum Vitae - En Linea</h1> </div> <div id="navegacion"> <ul> <li><a href="../index.html">Inicio </a></li> <li><a href="../curriculum.html">Curriculum </a></li> <li><a href="../empresas.html">Empresas</a></li> <li><a href="../portafolio.thml">Portafolio </a></li> <li><a href="../contacto.html">Contacto </a></li> </ul> </div> <div id="contenido"> <!-- TemplateBeginEditable name="regioncontenido" --> <h2>El titulo de este contenido</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec augue lacus, aliquam in, luctus in, gravida vel, mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc aliquet ultrices ante Mauris nunc dolor, egestas vel, auctor sed, dignissim vitae, enim. Phasellus tincidunt. Phasellus vel wisi id neque cursus rhoncus. Morbi cursus tristique est. </p> <p> Nulla pulvinar dui sed augue. Praesent laoreet arcu in justo. Donec velit. Nam malesuada bibendum metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Curabitur et tortor quis justo faucibus rutrum. Duis aliquam, diam eu tempor rutrum, mauris leo lacinia neque, et consectetuer elit nisl eget arcu. Nam tellus libero, fringilla eu, elementum quis, sodales suscipit, turpis.</p> <!-- TemplateEndEditable --> </div> <div id="pie"><p>Ultima actualizacion: </p></div> </div> </body> </html>
es una plantilla echa con dreamweaber.
Bueno espero que vosotros veais el fallo alli donde yo no lo he visto y me lo podais explicar
Gracias a todos de antemano
ta luego^^