Hola,
mi problema es que no consigo establecer la hoja de estilos de mi web de manera que la página se vea como yo quiero. Esta es la web: www.cyrium.es
El diseño es muy sencillito: una cabecera, dos barras laterales y en medio el menú y el contenido de la web.
Este es el html de la web:
Código:
<?xml version ="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="es" lang="es">
<head>
<title>Cyrium-WebOficial</title>
<link rel="stylesheet" type="text/css" href="estilos.css"/>
<style type="text/css">
<!--
.Estilo2 {font-size: 12px}
-->
</style>
</head>
<body>
<div id="alrededor">
<div id="principal">
<div id="header">
<img src="images/header.gif" width="764" height="128" alt="Cyrium"/>
</div>
<div id="izquierda">
<img src="images/barra_izq.gif" alt="barra izquierda"/>
</div>
<div id="centro">
<img src="images/barra_menu.gif" alt="Menú" width="595" height="65"/>
</div>
<div id="contenido">
<p>CONTENIDO</p>
</div>
<div id="derecha">
<img src="images/barra_dcha.gif" alt="barra izquierda" />
</div>
<div id="firma">
<p>©Cyrium 2008. Todos los derechos reservados.</p>
<p>Créditos </p>
</div>
</div>
</div>
</body>
</html>
Y esta es la hoja CSS:
Código:
/* CSS Document */
* {
margin:0;
padding:0;
}
body {
background-color: #000000;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
text-align: center;
}
#principal{
float:left;
width:764px;
height:700px;
background-color:#000000;
margin:20px;
}
#header{
width:764px;
float:left;
margin-bottom:20px;
}
#izquierda{
float:left;
width:60px;
}
#centro{
width:595px;
float:auto;
margin-bottom:20px;
margin-left::80px;
}
#contenido{
width:595px;
float:auto;
background-color:#000000;
}
#derecha{
float:rigth;
width:60px;
margin-left:703px;
}
#alrededor {
height:700px;
margin: 10px auto;
width: 764px;
float: left;
}
#firma{
height:20px;
width:764px;
margin-top:20px;
float:left;
}
Creo que el problema está en los floats y en los margins, pero ya no sé cómo resolverlo y me estoy volviendo loca
Gracias de antemano,
Sara
P.D. Si hay algo más que criticar, no dudéis en hacerlo.