Index destrozado debido a CSS [supuestamente]

Distriker · #1 (**permalink**) 05/04/2009, 11:03

Hola a todos, resulta ser de que no se que modifiqué (o borré) del CSS que la pagina se me quedó fatal, mirenla ustedes mismos.

Aquí os dejo el CSS sin el menú desplegable ya que creo que no debe de pasar nada con el, miren:

Código CSS:

Ver originalbody {
    text-align: center ;
  }
 
 
#cabecera {
    background-color: #ccffff ;
    margin-bottom: 5px;
        border: 5px ;
        border-color: #ff0000 ;
          }
 
#contenido {
    width: 820px ;
margin: 0 auto 0 auto ;
    background-color:  #666666;
  }
 
 
#sidebar-izquierda {
    width: 110px ;
    float: left ;
    padding: 25px ;
    background-color: #33ff00;
  }
 
 
#sidebar-derecha {
    width: 110px ;
    float: right ;
    padding: 25px ;
    background-color: #33ff00;
  }
 
 
#centro {
    width: 470px ;
    background-color: #ccffff ;
    float: left ;
    text-align: center;
    margin-left: 15px ;
    margin-right: 15px ;
    margin-bottom: 15px;
  }
 
 
#footer {
    background-color : #33ff00 ; 
    clear : both;
    font-style : italic;
    text-align : center;
        width : 820px ;
  }

Y aquí el HTML por si acaso el fallo sea en el:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	
<link rel="StyleSheet" href="style.css" type=text/css>

		<title>index</title>
		<meta name="author" content="Distriker" >
		<meta name="generator" content="screem 0.16.1" >
		<meta name="description" content="" >
		<meta name="keywords" content="" >
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
		<meta http-equiv="Content-Script-Type" content="text/javascript" >
		<meta http-equiv="Content-Style-Type" content="text/css" >


</head>
	<body>
<div id="contenido">

            <div id="cabecera">
<div id="menu">

<ul>
  <li class="nivel1"><a href="http://www.forosdelweb.com" class="nivel1">OpciÃ³n 1</a>
<!--[if lte IE 6]><a href="http://www.forosdelweb.com" class="nivel1ie">OpciÃ³n 1<table class="falsa"><tr><td><![endif]-->
	<ul class="uno">
		<li><a href="#">OpciÃ³n 1.1</a></li>
		<li><a href="#">OpciÃ³n 1.2</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>

  <li class="nivel1"><a href="#" class="nivel1">OpciÃ³n 2</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">OpciÃ³n 2<table class="falsa"><tr><td><![endif]-->
	<ul class="dos">
		<li><a href="#">OpciÃ³n 2.1</a></li>
		<li><a href="http://www.google.es">OpciÃ³n 2.2</a></li>
		<li><a href="#">OpciÃ³n 2.3</a></li>
		<li><a href="#">OpciÃ³n 2.4</a></li>

		<li><a href="#">OpciÃ³n 2.5</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">OpciÃ³n 3</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">OpciÃ³n 3<table class="falsa"><tr><td><![endif]-->
	<ul class="tres">
		<li><a href="#"></a></li>
		<li><a href="#">OpciÃ³n 3.1</a></li>

		<li><a href="#">OpciÃ³n 3.2</a></li>
		<li><a href="#">OpciÃ³n 3.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">OpciÃ³n 4</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">OpciÃ³n 4<table class="falsa"><tr><td><![endif]-->
	<ul class="cuatro">
		<li><a href="#"></a></li>

		<li><a href="#">OpciÃ³n 4.1</a></li>
		<li><a href="#">OpciÃ³n 4.2</a></li>
		<li><a href="#">OpciÃ³n 4.3</a></li>
		<li><a href="#">OpciÃ³n 4.4</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">OpciÃ³n 4</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">OpciÃ³n 4<table class="falsa"><tr><td><![endif]-->
	<ul class="cinco">
		<li><a href="#"></a></li>

		<li><a href="#">OpciÃ³n 4.1</a></li>
		<li><a href="#">OpciÃ³n 4.2</a></li>
		<li><a href="#">OpciÃ³n 4.3</a></li>
		<li><a href="#">OpciÃ³n 4.4</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</ul>
</li>


</div>

                <h1>Bienvenido a Betaconsolas.com</h1>
                <h2>:D:D:D</h2>

</div>
    <div id="sidebar-izquierda">

        <h3>SecciÃ³n</h3>
        <p>Bla bla ...</p>

    </div>

    <div id="centro">

        <h3>Vacio</h3>
        <p>Vacio</p>
<p>dsd</p>
<p>dsa</p>
<p>asas</p>

    </div>

<div id="sidebar-derecha">

<h3>Seccion 2</h3>
<p>Bla bla ....</p>

</div>

</div>

    <div id="footer">

        Pie - Datos aquÃ*

    </div>

	</body>
</html>

¿Qué fallo le veis? ¿Qué fallo creeis que es?

Saludos

masterpuppet · #2 (**permalink**) 05/04/2009, 18:31

tenes el footer fuera del wrapper en tu caso contenido.

Distriker · #3 (**permalink**) 06/04/2009, 01:26

Muchas gracias Masterpuppet, no me había dado cuenta de ese error y lo peor es que no se como sucedió.

Saludos