El problema para una de las cosas que recomiendas,
webosiris, es que las dos imágenes no son iguales aunque lo parecen.
Skairva:
yo en tu lugar seguiría la mayoría de las recomendaciones de
webosiris, pero para que te apañes de momento te pongo el código modificado.
No te lo vas a creer, pero uno de los principales problemas que tenías era que habías puesto float rigth, en lugar de right (th por ht)
Html:
Cita: <?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="http://www.forosdelweb.com/images/header.gif" width="764" height="128" alt="Cyrium"/>
</div>
<div id="derecha">
<img src="http://www.forosdelweb.com/images/barra_dcha.gif" alt="barra izquierda" />
</div>
<div id="izquierda">
<img src="http://www.forosdelweb.com/images/barra_izq.gif" alt="barra izquierda"/>
</div>
<div id="centro">
<img src="http://www.forosdelweb.com/images/barra_menu.gif" alt="Menú" width="595" height="65"/>
</div>
<div id="contenido">
<p>CONTENIDO</p>
</div>
<div id="firma">
<p>©Cyrium 2008. Todos los derechos reservados.</p>
<p>Créditos </p>
</div>
</div>
</div>
</body>
</html>
Css:
Cita: /* 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;
}
#alrededor {
height:700px;
margin: 10px auto;
width: 764px;
}
#principal {
width:764px;
height:700px;
background-color:#000000;
margin:20px;
}
#header {
width:764px;
margin-bottom:20px;
}
#derecha {
float:right;
}
#izquierda {
float:left;
}
#centro {
margin-bottom:20px;
margin-left:80px;
}
#contenido {
background-color:#000000;
}
#firma {
height:20px;
width:764px;
margin-top:20px;
}
Mikel.