Tengo un problema con la pagina, este es que, cuando abri mi pagina web para seguir creandola, aparecio descalibrada, es decir, en vez de estar todo centrado, estaba expandido hacia los lados. Por favor necesito una solucion... :| :|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido"><div id="menu">Trucos en:
<ul>
</div><h1>INICIO</h1>
Esta web la cree con el fin de enseñar algunos trucos del juego crossfire, de z8 games</p>
Ya se que hay muchos videos en youtube que enseñan diferentes videos, pero hay otros, que he conseguido hacer, que aunque parecen malos, a veces sirven de algo en cuanto a muertes.</p>
En la barra de menú que hay a vuestra izquierda ponen los nombres de los diferentes modos de juego, dentro de cada uno de ellos se encuentran los diferentes escenarios. En los videos explico como se hace cada truco.</p>
Luego, hay un apartado que se llama "Selección de Arma", donde aconsejo cual puede ser el arma ideal para cualquier shooter o assault</p>
¡¡ESTO ES TODO, ESPERO QUE DISFRUTEIS CON LA PÁGINA!!</p></div>
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
</body>
</html>
ESTILO-GENERAL.CSS:
* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#menu {background-color: yellow; width: 150px ; float:left; text-align:left; margin-right:10px ;margin:3px 10px 3px 3px}
#pie {border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px}
#pieuno {background-color: brown ; float:left; float:left ; width:150px }
#piedos {background-color: green ; float:left; float:left ; width:498px }
#pietres {background-color: red ; float:left; float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-infe.....
#global {width:800px ; margin: 4px auto }
#body {text-align: center}
#contenido p {padding: 5px 10px 5px 10px} {background-color: orange ; width: 800px ; float:left; text-indent: 15px}
#menu li { list-style:none; margin:3px 10px 3px 3px }
a {color: blue; font-size:1.3em ; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}