Foros del Web » Creando para Internet » CSS »

Index destrozado debido a CSS [supuestamente]

Estas en el tema de Index destrozado debido a CSS [supuestamente] en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/04/2009, 12:03
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Index destrozado debido a CSS [supuestamente]

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 original
  1. body {
  2.     text-align: center ;
  3.   }
  4.  
  5.  
  6. #cabecera {
  7.     background-color: #ccffff ;
  8.     margin-bottom: 5px;
  9.         border: 5px ;
  10.         border-color: #ff0000 ;
  11.           }
  12.  
  13. #contenido {
  14.     width: 820px ;
  15. margin: 0 auto 0 auto ;
  16.     background-color:  #666666;
  17.   }
  18.  
  19.  
  20. #sidebar-izquierda {
  21.     width: 110px ;
  22.     float: left ;
  23.     padding: 25px ;
  24.     background-color: #33ff00;
  25.   }
  26.  
  27.  
  28. #sidebar-derecha {
  29.     width: 110px ;
  30.     float: right ;
  31.     padding: 25px ;
  32.     background-color: #33ff00;
  33.   }
  34.  
  35.  
  36. #centro {
  37.     width: 470px ;
  38.     background-color: #ccffff ;
  39.     float: left ;
  40.     text-align: center;
  41.     margin-left: 15px ;
  42.     margin-right: 15px ;
  43.     margin-bottom: 15px;
  44.   }
  45.  
  46.  
  47. #footer {
  48.     background-color : #33ff00 ;
  49.     clear : both;
  50.     font-style : italic;
  51.     text-align : center;
  52.         width : 820px ;
  53.   }

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
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #2 (permalink)  
Antiguo 05/04/2009, 19:31
Avatar de masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 9 años, 11 meses
Puntos: 845
Respuesta: Index destrozado debido a CSS [supuestamente]

tenes el footer fuera del wrapper en tu caso contenido.
  #3 (permalink)  
Antiguo 06/04/2009, 02:26
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: Index destrozado debido a CSS [supuestamente]

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

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:34.