El problema es que uso PHP's a base de include(), tengo todo el código de la página esparcido, además de que aún faltan muchas cosas por hacer, pero bueno, la estructura la podrás ver si creas el php con el código que te doy, y pones la hoja de estilos en la misma carpeta:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Pagina de prueba</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilos.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.evento {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}
-->
</style>
</head>
<body>
<div id="cabecera">
<div id="titulo">
<a href="inicio.php"><img src="imagenes/Barra_titulo_vn.jpg" alt="barra título" border="0" width="800" height="100"></a>
</div>
<div id="menu">
<table width="50%">
<tr>
<td><div align="center"><span class="comillasInicio">« </span><a href="inicio.php?opcion1=opc1">Opcion1</a> </div></td>
<td><div align="center"><span class="comillasInicio">« </span><a href="">Opcion2</a> </div></td>
<td><span class="comillasInicio">« </span><a href="inicio.php?opcion1=opc3">Opcion3</a></td>
<td><div align="center"><span class="comillasInicio">« </span><a href="inicio.php?opcion1=opc4">Opcion4</a></div></td>
</tr>
<?php
@$opcion1 = $_GET["opcion1"];
@$opcion2 = $_GET["opcion2"];
@$termino = $_POST["termino"];
if (isset($opcion1)) {
switch ($opcion1) {
case 'opc1': include('menu_listas.php');
break;
case 'opc4': include('menu_busqueda.php');
break;
};
};
?>
</table>
</div>
<div id="nompag">Página de inicio.</div>
</div>
<div id="lateralizq">
<div id="search">
Buscar en esta web<br>
<form name="form1" method="post" action="">
<input name="buscarContenido" type="text" id="buscarContenido" size="15">
<input name="buscarEnWeb" type="submit" id="buscarEnWeb" value="Buscar">
</form>
</div>
<div id="eventoshoy">
<div id="evento">
<h1>QUÉ HACER HOY?:</h1>
<h1>Evento1:</h1>
<p class="evento">Explicación del evento1. ablablablab alablabsaklbs albalb alab alablablb ala</p>
</div>
<div id="evento"> <h1>Evento2:</h1>
<p class="evento">Explicación del evento2. ablablablab alablabsaklbs albalb alab alablablb ala</p>
</div>
<div id="evento"> <h1>Evento3:</h1>
<p class="evento">Explicación del evento3. ablablablab alablabsaklbs albalb alab alablablb ala</p>
</div>
<div id="evento"> <h1>Evento4:</h1>
<p class="evento">Explicación del evento4. ablablablab alablabsaklbs albalb alab alablablb ala</p>
</div>
<div id="evento"> <h1>Evento5:</h1>
<p class="evento">Explicación del evento5. ablablablab alablabsaklbs albalb alab alablablb ala</p>
</div>
<div id="evento"> <h1>Evento6:</h1>
<p class="evento">Explicación del evento6. ablablablab alablabsaklbs albalb alab alablablb ala</p>
</div>
</div>
</div>
<div id="principal">
<?php
if (isset($opcion2)) {
switch ($opcion2) {
case 'opc3': echo '<div id="mostrarLocales">'; include('mostrar_coincidencias.php'); echo '</div>';
break;
default : echo '<div id="mostrarLocales">'; include('mostrar_locales.php'); echo '</div>';
break;
};
};
if (isset($opcion1) && $opcion1 == 'opc2') {
include('form_insercion.php');
}
if (!isset($opcion1) && !isset($opcion2)) {
include('presentacion_inicio.php');
}
?>
</div>
<div id="lateralder">
<div id="login">
<form name="form2" method="post" action="">
<p>Log in:<br>
<input name="login" type="text" id="login" size="15">
login<br>
<input name="textfield" type="text" size="15">
password<br>
<input name="signIn" type="submit" id="signIn" value="Enviar">
<br>
<br>
Usuario no registrado:
<input name="registro" type="submit" id="registro" value="Registrarse">
<br>
</p>
</form>
</div>
<div id="anuncios">
<div class="anuncio"><a href=""><img src="" alt="anuncio1" width="150" height="100" /></a><br><br>
</div>
<div class="anuncio"><a href=""><img src="" alt="anuncio2" width="150" height="100" /></a><br><br>
</div>
<div class="anuncio"><a href=""><img src="" alt="anuncio3" width="150" height="100" /></a><br><br>
</div>
<div class="anuncio"><a href=""><img src="" alt="anuncio4" width="150" height="100" /></a><br><br>
</div>
<div class="anuncio"><a href=""><img src="" alt="anuncio5" width="150" height="100" /></a><br>
<br>
</div>
</div>
</div>
<div id="pie"><a href="">Aviso Legal</a> | <a href="">Contacto</a>
| <a href="">Mapa Web</a><br>
© Copyright. 2005. Todos los derechos reservados.</div>
</body>
</html> Verás que he dejado el código como lo tenía al principio, sin poner el div general para todo el cuerpo del html, que aun así no me funcionaba. Si te sale como a mí, verás la estructura: cabecera arriba ocupando todo el ancho, tres columnas (lateralizq, principal y lateralder) alineadas ocupando tb todo el ancho, y abajo el pie de página, y verás que todo está ceñido a la izquierda de la pantalla. Vamos, que no consigo centrarlo.
