Buenas.
Gracias a los dos por su respuesta.
Ya he conseguido que al agrandar no me descoloque, el codigo es que he usado es el siguiente.
Código:
width:1250px;
margin:0 auto;
Os dejo algunas capturas de como es la web normal, en pequeño y en grande.
Respecto a Ag666 no tengo problemas en poner el código.
Codigo css que uso en el index.
Código:
#contenedor{
width:1250px;
margin:0 auto;
}
#header {
clear:both;
float:right;
width:100%;
}
#header {
border-bottom:1px solid #fff; /* Color de la linea que hay debajo del header */
}
#header p {
padding:.4em 15px 0 15px;
margin:0;
height:120px;
}
#header img {
max-height:115px;
}
#header hr { /* Para delimitar la foto del header con el munu */
margin-top:-5px;
padding:0;
}
#header div { /* Decimos el margen y centrado del menu del header */
margin:0 auto 0 auto;
width:500px;
}
.colmask {
position:relative;
clear:both;
float:left;
width:100%;
overflow:hidden;
}
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}
.threecol {
background:#ffffff;
}
.threecol .colmid {
right:18%;
background:#ffffff;
}
.threecol .colleft {
right:64%;
background:#ffffff;
}
.threecol .col1 {
width:70%;
left:100%;
}
.threecol .col2 {
width:21%;
left:13%;
}
.threecol .col3 {
width:20%;
left:95%;
margin-top:-484px;
}
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
}
#footer p {
padding:10px;
margin:0;
}
Nota: es posible que tenga fallos, sobretodo en los tamaños y margenes, ya que me he vuelto loco para que me cuadrara todo.
Y aqui el codigo index.php.
Código:
<?php include($_SERVER['DOCUMENT_ROOT'].'/infojuegos/configuracion.php'); ?>
<!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" xml:lang="en-GB">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Infojuegos</title>
<link href="css/estilo.css" type="text/css" rel="stylesheet" media="screen, print" />
<link href="css/menu.css" type="text/css" rel="stylesheet" media="screen, print" />
<link rel="shortcut icon" type="image/x-icon" href="favico.ico" />
<script type="text/javascript" src="scripts/js.js"></script>
<script language="javascript" src="scripts/jquery-1.7.2.min.js"></script>
<script language="javascript" src="scripts/amenu.js"></script>
<script language="javascript" src="scripts/idebar.js"></script>
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
</head>
<body>
<div id="contenedor">
<div id="header">
<p align="center"><img src='imagenes/header.png' /></p>
<hr />
<div><? include("includes/menu.php"); ?></div>
</div>
<div class="colmask threecol">
<div class="colmid">
<div class="colleft">
<div class="col1">
<? include("includes/pages.php"); ?>
</div>
<div class="col2">
<? include("includes/sidebar_izquierda.php"); ?>
</div>
<div class="col3">
<? include("includes/sidebar_derecha.php"); ?>
</div>
</div>
</div>
</div>
<div id="footer">
<p>Footer</p>
</div>
</div>
</body>
</html>
Lo dicho, gracias a los dos, si tengo alguna otra dudita os preguntare. Hasta luego.
