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