Entrar

Estructura se de forma.

eze_2493 · · Solicitar retirada
Hola, tengo un problemas con una web que estoy haciendo para alguien la cosa es que cuando lo abro con internet explorer se ve bien pero cuando lo abro con mozilla y google en los dos se ve mal y igual.

aca les dejo la web:

http://mutem.atwebpages.com

aun no esta terminada, no hasta ver el problema ese.

y aca los codigos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="index.css" type="text/css" media="all">
<title>Pagina inicial de Mu-Templario</title>
</head>
<body>
<div id="global">

<div id="cabezera">
<div id="logo"></div>
</div>
<div id="navegacion">
<ul>
  • Inicio
  • Foro
  • Staff
  • Normas
  • Contactos

    </div>
    <div id="contenido">
    <div id="menui">
    <div id="menu">
    <h1>Cuenta</h1>
    <ul>
  • Panel de Control
  • Contraseña Perdida
  • Tienda Virtual

    </div>
    <div id="menu">
    <h1>Opciones</h1>
    <ul>
  • Crear Cuenta
  • Descargas
  • Caracteristicas
  • Ranking
  • Cuentas baneadas

    </div>
    </div>
    <div id="menud">
    <div id="menu">
    <h1>Administradores</h1>
    <ul>
  • AltaiR
  • TRoJaN

    </div>
    </div>
    <div id="mensaje">
    <h1>hola</h1>


    CreaTeD By AltaiR</p>


    Pagina de Mutemplario</p>
    </div>
    </div>
    <div id="pie">Copyright created by AltaIR</div>
    </div>
    </body>
    </html>


    • Ese es el html
    aca el css:


    #global{width:935px ; margin:4px auto }
    body {text-align: center ; background-color: #b6d5ee ;
    background-image: url(index/body.jpg) }
    #logo { background-image: url(index/logo.png) ;
    background-repeat: no-repeat ;
    height:105px ;
    width:274px ;
    margin:0px 0px 0px 90px;
    }
    #navegacion {
    width:900px ;
    background: url(http://img693.imageshack.us/img693/945/greenk.jpg) repeat-x top left;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    border:1px solid #7a7a7a;
    margin:0px 6px -20px;
    z-index:100;
    position:relative;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    -webkit-box-shadow: 0px -1px 10px #000;
    -moz-box-shadow: 0px -1px 10px #000;
    }
    #navegacion li {float:left ;
    border-right:1px solid #808856;
    border-left:1px solid #808856;
    padding:5px 10px 5px 10px }
    #navegacion ul {margin:0px 0px 0px 270px }
    #contenido{background-color:white ;
    height:800px;

    }
    #menu {margin:0px 0px 20px 0px;}
    #menu li{background-color:#e9e9e9;
    list-style:none;
    height:40px ;
    width:180px ;
    text-align:left;
    border-bottom:1px solid #c2c2c2;
    border-top:1px solid #ffffff;
    padding:10px 0px 0px 10px;
    border-left:1px #c2c2c2 solid;
    border-right:1px #c2c2c2 solid;
    }
    #menu ul {margin:0px 0px 0px 0px }
    h1{background:url(http://img844.imageshack.us/img844/6971/hbgj.jpg) repeat-x;
    font-size:14px;
    text-transform:uppercase;
    padding:5px ;
    color: #646464;
    margin:0px 0px 0px 0px ;
    border-left:1px #c2c2c2 solid;
    border-right:1px #c2c2c2 solid;
    border-top:1px #c2c2c2 solid;
    }
    #menui {float:left ;
    margin:35px 0px 0px 40px ;
    width:180px ;}
    #mensaje {widht:100px;
    margin:40px 10px 0px 10px;
    width:460px;
    border:1px #c2c2c2 solid;
    background-position:center center;
    }
    #menud {float: right ;
    margin:40px 40px 0px 0px ;
    width:180px }
    #mensaje h1 {background:url(http://img844.imageshack.us/img844/6971/hbgj.jpg) repeat-x;
    text-align:left;
    font-size:14px;
    width:460px;
    text-transform:uppercase;
    padding:5px ;
    color: #646464;
    }
    a {font-size:1.3em ; text-decoration: none}
    p {text-align: justify }
    #menu ul li a{
    color:#6e6e6e;
    text-decoration:none;
    font-size: 12px;
    font-weight:bold;
    }
    #menu ul li a:hover{
    color:#868A08;
    text-decoration:none;
    text-shadow: 0px 1px 0px #fff;
    font-size: 13px;
    font-weight:bold;
    }

    #menu ul li:hover {
    background:#e9e9e9;
    cursor:pointer;
    text-decoration:none;
    text-shadow: 0px 1px 0px #fff;
    font-weight:bold;
    /* text-shadow: 0px 0px 11px #808080;*/
    }
    #navegacion ul li a{
    color:#fff;
    text-shadow: 0px 1px 0px #000;
    text-decoration:none;
    }
    #navegacion ul li a:hover{
    color:#000;
    text-transform:uppercase;
    text-shadow: 0px 1px 0px #fff;
    text-decoration:none;
    }
    #navegacion ul li a:active {
    color:black ;
    background-color: none
    }
    #pie {text-align:right; }


    Por cierto no estan ordenados los codigos me da vagancia hacerlo xD.