Foros del Web - Ver Mensaje Individual

Mikmoro · #2 (**permalink**) 20/12/2006, 06:17

Buenas. En esto, como en todo, siempre hay varias soluciones posibles. Te envío la que a mi me parece mejor teniendo en cuenta tu código. He hecho algunos cambios tanto en el html como en la css, así que échale un vistazo a ver qué te parece y me comentas. Se ve igual en Firefox y en IE6. En el 7 no lo puedo probar, porque de momento estoy decidido a no instalarlo, a no ser por causa de fuerza mayor.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1" />
  <title>Cannibal RO</title>
  <link href="estilo.css" rel="stylesheet"
 type="text/css" />
<!--[if IE]>
<style>
#Otros { width: 50px;
float: right;
display: block;
margin-top: -18px;
margin-right: 2px;
}
</style>
<![endif]-->
</head>
<body>
<div id="Contenedor">
<div id="Cabecera"> IMAGEN </div>
<div id="menu">
<ul>
  <li>Inicio</li>
  <li>Foros</li>
  <li>Control Panel</li>
  <li>Descargas</li>
  <li>Informaci&oacute;n</li>
  <li>Contacto</li>
  <li>Vota</li>
</ul>
</div>
<div id="Contenido">
<pre>En construcci&oacute;n ...<br /></pre>
</div>
<div id="Pie">
<div id="Derechos"> Pie </div>
<div id="Otros"><img alt="Get Firefox"
 src="http://www.esferanegra.com/wp-content/themes/freshy-10/images/get_firefox_80x15.png" /></div>
</div>
</div>
</body>
</html>

Y la CSS

Código:

  #body { background-color: rgb(227, 234, 244);
    background-image: url();
    background-repeat: repeat;
    margin-top: 8px;
    }

  #Contenedor { margin: 0pt auto;
    width: 800px;
    text-align: center;
    }

  #Cabecera { background-image: url();
    width: 800px;
    height: 204px;
    background-repeat: no-repeat;
    }

  #menu { border-top: 1px solid rgb(102, 102, 102);
    border-bottom: 1px solid rgb(102, 102, 102);
    width: 800px;
    background-image: url();
    text-align: center;
    }

  #menu ul { margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    font-weight: bold;
    }

  #menu li { line-height: 20px;
    display: inline;
    }

  #menu li a { padding: 0pt 10px;
    color: rgb(0, 51, 204);
    text-decoration: none;
    }

  #menu li a:hover { padding: 0pt 10px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(153, 204, 255);
    }

  #Contenido { border: 1px solid rgb(102, 102, 102);
    background-color: rgb(227, 234, 244);
    }

  #Pie { border: 1px solid rgb(102, 102, 102);
    padding: 3px 0px;
    background-color: rgb(210, 217, 227);
    width: 798px;
    margin-top: 2px;
    text-align: center;
    }

  #Derechos { width: 400px;
    display: inline;
    }

  #Otros { width: 50px;
    float: right;
    display: block;
    margin-top: -18px;
    margin-right: 32px;
    text-align: left;
    }

Mikel.