Muy buenas estoy haciendo reforma d ela mi web y cuando intento forzar un tamaño para la web no consigo hacerlo y ocupa la web todo el tamaño del explorador.
He intentado hacerla de un tamaño parecida ala del curso pero no se que esta mal.
os envio la hoja de estilo.
:arrow: body {text-align: center}
body {background-color: silver; width:800px}
img {border-style:none}
#global{width:800px; margin: 4px auto}
*{margin:3px}
#cabecera {background-color:silver}
#cabecera img{height:150px}
#cabecera h1 {text-align: center; text-decoration:none; font-size:1em}
#navegacion {background-color:#0000FF ; border: black 2px solid ; height:5px}
#navegacion p{color: white; font-size:1em}
#navegacionuno {float:left ; width:150px}
#navegaciondos {float:right; width: 200px}
a{color: white ; text-decoration:none}
#menu{background-color:silver; border: right 2px ;width: 150px ; float:left; text-align:left ; margin-right: 3px 10px 3px 3px ; background-position: bottom , padding-bottom:5px}
#menu a {color: white }
#menu li{list-style:none ; margin: 10px 8px 4px 10px}
#menu h1{text-decoration:none ; font size:12px}
#menu2 {background-color:#0000ff; border: black 2px solid ;width: 350px ; float:right; text-align:left}
#menu2 p{color: white}
#menu2 h1{text-decoration: none ; font-size:12px}
#central {img-align: center }
#pie {background-color:#0000FF ;border: black 2px solid ; height:5px }
#pieuno {font size: 0.7em ; color:white ;float:left ; width:150px;}
#piedos {font size: 0.7em ; color: white ;float:right ; width:250px;}
y el html de la web
:arrow: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Lista de espera sanitaria</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="cabecera">
<h1>bienvenidos a esta nueva web</h1>
</div>
<div id="navegacion">
<div id="Navegacionuno">
Lista de espara</p></div>
<div id="navegaciondos">
<!--script language="javascript" src="http://www.contadorgratis.com/hitv2.php?digit=chevy&page=849ab6a36a…"></script>
<font size=1></font-->Contador de visitas</div>
</div>
<div id="menu">
<h1>Menu lateral</h1>
<ul>
Portada Lista de espera Lista de espera Mi Historia noticias
Foro Enlaces Varios Recomiendanos
</div>
<div id="menu2">
<h1>Introducción</h1>
Esta nuestra web sea creado para toda la gente que este o estuviera en un caso como el mio, o parecido.</p>
En lista de espera </p>
Aqui podremos expresar nuestras dudas y compartir información con más gente que puede estar pasando por lo mismo que nosotros.</p>
Tambien con ayuda vuestra encontraremos más información sobre leyes como la ley de garantia sanitaria, que aunque no nos solucione siempre nuestra problematica. Por lo menos nos ayudara a estar informados y ha saber un poco más sobre los derechos que tenemos los pacientes</p>
Esta web la haremos entre todos, por ese motivo toda información que creais que deba estar estara gracias a vosotros</p>
Tambien dispondremos de un foro (dentro de poco espero), en el cual podremos estar en contacto y resolvernos esas dudas que nos esten surguiendo</p>
</div>
<div id="central">
[contenido no disponible]
</div>
<div id="pie">
<div id="pieuno">
[correo eliminado]</div>
<div id="piedos">
<div id="copyright"title="Designe by paxarin">Copyright © 2009 Lista de espera</div>
</div>
</body>
</html>
espero que podais ayudarme.
He intentado hacerla de un tamaño parecida ala del curso pero no se que esta mal.
os envio la hoja de estilo.
:arrow: body {text-align: center}
body {background-color: silver; width:800px}
img {border-style:none}
#global{width:800px; margin: 4px auto}
*{margin:3px}
#cabecera {background-color:silver}
#cabecera img{height:150px}
#cabecera h1 {text-align: center; text-decoration:none; font-size:1em}
#navegacion {background-color:#0000FF ; border: black 2px solid ; height:5px}
#navegacion p{color: white; font-size:1em}
#navegacionuno {float:left ; width:150px}
#navegaciondos {float:right; width: 200px}
a{color: white ; text-decoration:none}
#menu{background-color:silver; border: right 2px ;width: 150px ; float:left; text-align:left ; margin-right: 3px 10px 3px 3px ; background-position: bottom , padding-bottom:5px}
#menu a {color: white }
#menu li{list-style:none ; margin: 10px 8px 4px 10px}
#menu h1{text-decoration:none ; font size:12px}
#menu2 {background-color:#0000ff; border: black 2px solid ;width: 350px ; float:right; text-align:left}
#menu2 p{color: white}
#menu2 h1{text-decoration: none ; font-size:12px}
#central {img-align: center }
#pie {background-color:#0000FF ;border: black 2px solid ; height:5px }
#pieuno {font size: 0.7em ; color:white ;float:left ; width:150px;}
#piedos {font size: 0.7em ; color: white ;float:right ; width:250px;}
y el html de la web
:arrow: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Lista de espera sanitaria</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="cabecera">
<h1>bienvenidos a esta nueva web</h1>
</div>
<div id="navegacion">
<div id="Navegacionuno">
Lista de espara</p></div>
<div id="navegaciondos">
<!--script language="javascript" src="http://www.contadorgratis.com/hitv2.php?digit=chevy&page=849ab6a36a…"></script>
<font size=1></font-->Contador de visitas</div>
</div>
<div id="menu">
<h1>Menu lateral</h1>
<ul>
</div>
<div id="menu2">
<h1>Introducción</h1>
Esta nuestra web sea creado para toda la gente que este o estuviera en un caso como el mio, o parecido.</p>
En lista de espera </p>
Aqui podremos expresar nuestras dudas y compartir información con más gente que puede estar pasando por lo mismo que nosotros.</p>
Tambien con ayuda vuestra encontraremos más información sobre leyes como la ley de garantia sanitaria, que aunque no nos solucione siempre nuestra problematica. Por lo menos nos ayudara a estar informados y ha saber un poco más sobre los derechos que tenemos los pacientes</p>
Esta web la haremos entre todos, por ese motivo toda información que creais que deba estar estara gracias a vosotros</p>
Tambien dispondremos de un foro (dentro de poco espero), en el cual podremos estar en contacto y resolvernos esas dudas que nos esten surguiendo</p>
</div>
<div id="central">
[contenido no disponible]
</div>
<div id="pie">
<div id="pieuno">
[correo eliminado]</div>
<div id="piedos">
<div id="copyright"title="Designe by paxarin">Copyright © 2009 Lista de espera</div>
</div>
</body>
</html>
espero que podais ayudarme.