Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 10 de 10

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

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    15 abr, 09
    Mensajes
    22
    Poder de Reputación
    19

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

    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

  2. #2
    Recien Llegado! Habitante
    Fecha de Ingreso
    15 abr, 09
    Mensajes
    22
    Poder de Reputación
    19
    x favor alguien sabe la respuesta?
    eNe

  3. #3
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    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
    ______________________________________

    reparacion de rines


    _____________________________________

  4. #4
    Recien Llegado! Habitante
    Fecha de Ingreso
    15 abr, 09
    Mensajes
    22
    Poder de Reputación
    19
    aaaaaaaaaaaaaa joe ps muchas gracias

    ke me staba yo comiendo el koko


    GRACIAS
    eNe

  5. #5
    Recien Llegado! Habitante
    Fecha de Ingreso
    15 abr, 09
    Mensajes
    22
    Poder de Reputación
    19
    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

  6. #6
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    puedes decirnos exactamente que se descoloca?????
    ______________________________________

    reparacion de rines


    _____________________________________

  7. #7
    Recien Llegado! Habitante
    Fecha de Ingreso
    15 abr, 09
    Mensajes
    22
    Poder de Reputación
    19
    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

  8. #8
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    73
    aqui un fallo

    <ul>[*]<div id="calavera">[img]objetos/calavera.jpg[/img]</div>fotos[*]<div id="calavera">[img]objetos/calavera.jpg[/img]</div>trucos[/list]
    </div>

    no debes meter un div dentro de ul ni de li
    ______________________________________

    reparacion de rines


    _____________________________________

  9. #9
    Recien Llegado! Habitante
    Fecha de Ingreso
    04 nov, 08
    Mensajes
    24
    Poder de Reputación
    20
    pon el html y el css, aver si hay algun fallo

  10. #10
    Recien Llegado! Habitante
    Fecha de Ingreso
    15 abr, 09
    Mensajes
    22
    Poder de Reputación
    19
    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;">' +
    '[img]objetos/whites.gif[/img]</DIV>';
    s += '<DIV ID="lefteye" STYLE="position:absolute; ' +
    'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
    '[img]objetos/pupil.gif[/img]</DIV>';
    s += '<DIV ID="righteye" STYLE="position:absolute; ' +
    'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
    '[img]objetos/pupil.gif[/img]</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">[img]objetos/eNe.png[/img]</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">[img]objetos/bienvenidos-a-mi-web.png[/img]</div>
    </div>
    </div>
    <div id="navegacion">
    <div id="sk8">Sk8</div>
    <div id="rayo">[img]objetos/rayo.gif[/img]</div>
    <div id="hip-hop">HiP HoP</div>
    <div id="rayo2">[img]objetos/rayo.gif[/img]</div>
    <div id="mimundo">Mi Mundo</div>
    </div>
    <div id="publicidad">
    <div id="juego">juego</div>
    <div id="rayo3">[img]objetos/rayo.gif[/img]</div>
    <div id="tuenti">tuenti</div>
    </div>
    <div id="contenido">
    <div id="chica-skater">[img]objetos/chica-skater.jpg[/img]</div>
    <h1>eNe</h1>


    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu
    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuu</p>
    <h1>Sk8</h1>


    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuuuubuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuu uuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuuuuubuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uubuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</p>
    <h1>HiP HoP</h1>


    ubuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuuuuubuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuu uuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuuuuubuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uubuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</p>
    <h1>Mi Mundo</h1>


    buuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuuuubuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuu uuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuuuuubuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uubuuuuuuuuuuuuuuuuuuuuuuuuuu
    uuuuuuuuuuuuuuuuuuuuuuuuuuuuubuuuuuuuuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuuuuuuuu</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}
    eNe

Temas Similares

  1. Al ver mi web en Windows se descoloca todo!
    Por Jacko en el foro Foro General
    Respuestas: 1
    Último Mensaje: 02/01/2013, 22:21
  2. En ie perfecto,pero en los demas naveg. se va todo a la izda
    Por ventura78 en el foro Foro General
    Respuestas: 5
    Último Mensaje: 11/11/2010, 19:29
  3. Todo perfecto
    Por egabro en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 0
    Último Mensaje: 16/05/2009, 17:42

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •