Entrar

En ie se ve todo perfecto pero en firefox se descoloca todo

ene · · Solicitar retirada
yo tambn he segid paso a paso el curso de crear tu web, y de hecho ya estoy construyendo la mia, el kaso es que tengo todas las paginas hechas, pero aparte del index, el resto se ven todas movidas en firefox, pero en ie se ven perfectamente y nose lo que he echo mal

esta es mi url : eneritz.myartsonline.com
si pueden fijense en como en ie se ve bien y en firefox no,,

si saben la respuesta se lo agradecería mucho

y si precisan los codigos del html o los de estilos os los pondre encantada

gracias de antemano
eNe
Yaneth · · Solicitar retirada
hola

primero que nada, debes mantener un orden en la hoja de estilos

debes ir poniendo todo por orden de aparicion
y te falta la linea mas importante de todo
y es la que evita que cada navegador tenga sus propios valores por defecto
seguro te la brincaste en el curso
como te dije antes, esta linea debe estar arriba de todo
* {text-indent:0px; margin:0px; border:0px; padding:0px; }

luego ponemos las "h" y las caracteristicas de palabras

h1 {color: black; text-decoration: underline; font-weight: bold; font-size: 50px; text-align:center}

.logo {width: 205px; margin-left: 50px}
.texto-logo {width: 285px; margin-left: 30px; color: purple}
img {border-style:none}

luego debe ir global

#gloval {width:800px ; margin: 4px auto }

y enseguida lo de las divs por orden de aparicion ok????

arreglas eso, lo subes y nos avisas

y ya que estamos aqui, te falta ponerle la altura a cabecera
#cabecera {width: 800px; border-right: black 1px solid; border-left: black 1px solid}

recuerda que debe ser igual o mayor que su contenido ok??

saludos
ene · · Solicitar retirada
aaaaaaaaaaaaaa joe ps muchas gracias

ke me staba yo comiendo el koko


GRACIAS
eNe
ene · · Solicitar retirada
juee,, he hecho kreo ke todo lo que me has dicho y sigue igual,,

se descoloca todo en firefox

sabrías decirme ke pasa??
eNe
ene · · Solicitar retirada
pues el index se ve perfecto

pero en la siigente pagina ya,, pues los divs no tienen sus medidas, las imagenes del logotipo y la bienbenida a la web no estan dentro del div sino más abajo, el texto en vez de entrar en los "border" de la web,, siguen más para abajo, y el menu horizontal no esta ordenado ay unas cosas más abajo otras más a la izquierdaa y asii, y unos scritps sencillos que he puesto no se ven

PERO ESTO SOLO PASA EN EL MOZILLA EN IE SE VE BIEN

www.eneritz.myartsonline.com =>si kieres prueba a mirarlo por timisma
eNe
Yaneth · · Solicitar retirada
aqui un fallo

<ul>
  • <div id="calavera">[contenido no disponible]</div>fotos
  • <div id="calavera">[contenido no disponible]</div>trucos
    </div>

    no debes meter un div dentro de ul ni de li
    • ene · · Solicitar retirada
    html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <link rel="shortcut icon" href="corazon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="estilo-indice.css" type="text/css" media="all">
    <title>Índice</title>
    <script language="JavaScript">
    function click() {
    if (event.button==2) {
    alert('RatónDeshabilitado');
    }}
    document.onmousedown=click;
    </script>
    </head>
    <body>

    <script LANGUAGE="JavaScript1.2">

    <!-- Begin
    var brOK = false, mie = false;
    if (document.layers || document.all) brOK = true;
    if (document.all) mie = true;
    var ex = 0, ey = 0;
    var ae, le, re, x0, y0, tid, realx, realy;
    function navMove(e) {
    ex = e.pageX;
    ey = e.pageY;
    moveeye()
    return routeEvent(e);
    }
    function mieMove() {
    ex = document.body.scrollLeft + event.x;
    ey = document.body.scrollTop + event.y;
    moveeye();
    }
    function moveeye() {
    dy = ey - y0 - 20;
    dx1 = ex - x0 - 20;
    dx2 = ex - x0 - 60;
    r = Math.sqrt(dx1 * dx1 + dy * dy);
    if (r < 20) r = 20;
    dx1 = dx1 * 10 / r + x0 + 10;
    dy1 = dy * 10 / r + y0 + 10;
    r = Math.sqrt(dx2 * dx2 + dy * dy);
    if (r < 20) r = 20;
    dx2 = dx2 * 10 / r + x0 + 50;
    ae.left = x0;
    ae.top = y0;
    le.left = dx1;
    le.top = dy1;
    re.left = dx2;
    re.top = dy1;
    }
    function setHandlers() {
    if (!mie) {
    y0 = document.eyeballs.top;
    x0 = document.eyeballs.left;
    ae = document.eyeballs;
    le = document.lefteye;
    re = document.righteye;
    window.captureEvents(Event.MOUSEMOVE);
    window.onMouseMove = navMove;
    }
    else {
    y0 = document.all.eyeballs.style.pixelTop;
    x0 = document.all.eyeballs.style.pixelLeft;
    ae = document.all.eyeballs.style;
    le = document.all.lefteye.style;
    re = document.all.righteye.style;
    window.document.onmousemove = mieMove;
    }
    realx = x0 + 0.1;
    realy = y0 + 0.1;
    moveall();
    }
    function moveall() {
    rx = realx + 40;
    ry = realy + 40;
    rx += (ex - rx) * 0.1;
    ry += (ey - ry) * 0.1;
    realx = rx - 40;
    realy = ry - 40;
    x0 = Math.round(realx);
    y0 = Math.round(realy);
    moveeye();
    tid = setTimeout('moveall()', 100);
    }
    function placeeyes(x, y) {
    if (brOK) {
    ex = x + 40;
    ey = y + 40;
    s = '<DIV ID ="dummy" STYLE="position:absolute; ' +
    'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
    s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +
    'top:'+y+'; left:'+x+'; width:80; height:40;">' +
    '[contenido no disponible]</DIV>';
    s += '<DIV ID="lefteye" STYLE="position:absolute; ' +
    'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
    '[contenido no disponible]</DIV>';
    s += '<DIV ID="righteye" STYLE="position:absolute; ' +
    'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
    '[contenido no disponible]</DIV>';
    document.writeln(s);
    }
    }
    function clearEyes() {
    if (tid) clearTimeout(tid);
    }
    placeeyes(200, 100);
    window.onload = setHandlers;
    window.onunload = clearEyes;
    // End -->
    </script>

    <div id="gloval">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="cabecera-left">
    <p class="logo">[contenido no disponible]</p>
    <p class="texto-logo"> Clica el dibujo para volver a la página principal</p>
    </div>
    <div id="cabecera-right">
    <div id="cabecera-right-texto">[contenido no disponible]</div>
    </div>
    </div>
    <div id="navegacion">
    <div id="sk8">Sk8</div>
    <div id="rayo">[contenido no disponible]</div>
    <div id="hip-hop">HiP HoP</div>
    <div id="rayo2">[contenido no disponible]</div>
    <div id="mimundo">Mi Mundo</div>
    </div>
    <div id="publicidad">
    <div id="juego">juego</div>
    <div id="rayo3">[contenido no disponible]</div>
    <div id="tuenti">tuenti</div>
    </div>
    <div id="contenido">
    <div id="chica-skater">[contenido no disponible]</div>
    <h1>eNe</h1>


    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</p>
    <h1>Sk8</h1>


    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</p>
    <h1>HiP HoP</h1>


    ubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</p>
    <h1>Mi Mundo</h1>


    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</p>
    </div>




    <div id="pie"> prueba a jugar a este juego tan divertido!! ...........
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    css
    * {text-indent:0px; margin:0px; border:0px; padding:0px }

    body {}

    h1 {color: black; text-decoration: underline; font-weight: bold; font-size: 50px; text-align: center}
    img {border-style:none}
    a {color: black ; text-decoration:none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color: yellow ; text-decoration: underline ; background-color: silver}
    a:active {}
    .logo {width: 205px; margin-left: 50px}
    .texto-logo {width: 285px; margin-left: 30px; color: purple}
    #gloval {width:800px ; margin: 4px auto ; margin-left: 100px}
    #curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow : hidden}
    #cabecera {width: 800px; border-right: black 1px solid; border-left: black 1px solid}
    #cabecera-left {width: 270px; height: 125px; float: left; margin-top:8px; margin-bottom: 5px}
    #cabecera-right {width: 443px ; float: right; height: 125px; margin-bottom: 5px; border-left: silver 1px solid}
    #cabecera-right-texto {width: 375px ; float: right; height: 125px; margin-top: 35px; margin-right: 25px}
    #navegacion {background-color: silver; margin-top: 0px; width: 800px; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid; border-bottom: black 1px solid; height: 25px}
    #sk8 {width: 198px; float: left; text-align: center}
    #rayo {width: 100px; float: left; text-align: center; margin-top: 1px}
    #hip-hop {width: 200px; float: left; text-align: center}
    #rayo2 {width: 100px; float: left; text-align: center; margin-top: 1px}
    #mimundo {width: 198px; float: left; text-align: center}
    #publicidad {width: 800px; height: 22px; background-color: silver; border-right: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid}
    #publicidad a {color: blue; text-decoration: none}
    #publicidad a: hover {color: blue ; text-decoration: underline ; background-color: silver}
    #juego {width: 160px; float: left; text-align: center; margin-left: 90px; margin-bottom: 1px}
    #rayo3 {width: 290px; float: left; text-align: center; margin-top: 1px}
    #tuenti {width: 160px; float: left; text-align: center; margin-right: 90px; margin-bottom: 1px}
    #contenido {height: 800px; border-left: black 1px solid; border-right: black 1px solid; background-image: url(objetos/chica-hiphop-sk8.png)}
    #contenido p {text-align: center; padding: 10px 15px 10px 20px; margin-top: 32px; margin-right: 20px; margin-left: 20px; margin-bottom: 50px}
    #chica-skater {margin-left: 30px; margin-top: 30px; margin-right: 35px ; height: 250px; width: 200px; float: left}
    #pie {width: 800px; height: 20px; background-color: silver; border-top: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; text-align: center}
    #curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow : hidden}