1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

problema con posicionamiento con css según resolución y navegadores

Tema en 'Programación y Diseño Web' iniciado por estibaliz2006, 2 Ago 2007.

  1. estibaliz2006

    estibaliz2006 Nuevo usuario

    hola a todos. tengo un problema con la visualización de una web según en el navegador que se vea. resulta que en mi pc, en el explorer, la web maquetada se ve así, donde la imagen es un fondo, y luego el texto se maqueta mediante divs. tenemos esta imagen:

    <a href="http://www.altomp.com/imagenes/web-3.gif" target="_blank">http://www.altomp.com/imagenes/web-3.gif</a>

    bien. el caso es que si lo veo en otro navegador diferente o en otro pc, me da este resultado:

    <a href="http://www.altomp.com/imagenes/web-31.gif" target="_blank">http://www.altomp.com/imagenes/web-31.gif</a>

    o incluso este otro:

    <a href="http://www.altomp.com/imagenes/web-32.gif" target="_blank">http://www.altomp.com/imagenes/web-32.gif</a>

    bien. la página index es esta:

    <!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
    <body style="background-image: url(fondo.jpg); background-color: #470300;background-repeat: no-repeat; background-attachment: fixed; background-position: center">
    <div id="cabecera">
    aquí texto
    </div>&nbsp;&nbsp;
    <div id="enlaces">
    aquí enlaces
    </div>
    <!--c2--></div><!--ec2-->

    y la hoja de estilos es esta:

    <!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
    /************************************divs***********************************************************/
    #cabecera
    {
    padding-top: 120px; padding-left: 405px; FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR:#FEFDDE; FONT-FAMILY: Verdana; width: 85%;&nbsp;&nbsp;
    }
    #enlaces
    {
    padding-top: 47px; padding-left: 410px; FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana; width: 85%;&nbsp;&nbsp;
    }
    .textenlace0
    {
    COLOR:#FEFDDE; text-decoration: none&nbsp;&nbsp;
    }
    .textenlace0:hover {
    {
    COLOR:#FFFFFF; text-decoration: underline
    }&nbsp;&nbsp;
    <!--c2--></div><!--ec2-->

    podéis echarme un cable?
     
    estibaliz2006, 2 Ago 2007
    #1
  2. Anunciante

    Anunciante

     
  3. estibaliz2006

    estibaliz2006 Nuevo usuario

    alguna ayuda, por favor?
     
    estibaliz2006, 2 Ago 2007
    #2
  4. elQuique

    elQuique Usuario activo

    Que tal si usas posiciones y tamaño absoluto para el DIV superior e inferior, y luego dejas correr el texto adentro en cada caso ;)
     
    elQuique, 3 Ago 2007
    #3
  5. Deyvid

    Deyvid Nuevo usuario

    Tal como dice elQuique, es necesario la posición absoluta dentro de tu pagina con css.
     
    Deyvid, 3 Ago 2007
    #4
  6. estibaliz2006

    estibaliz2006 Nuevo usuario

    ya....pero también he metido position:absolute como decís, y nada, si se ve bien en el explorer, luego si lo abres en firefox u opera o bien a otra resolución diferente de pantalla, ¡¡¡zas!!!! todo descuajaringado....

    qué es lo que está pasando? me estoy volviendo loca....he vuelto a refrescar todas las nociones referente a las ubicaciones de bloques en css y me vuelvo loca, por qué demonios da errores?
     
    estibaliz2006, 3 Ago 2007
    #5
  7. elQuique

    elQuique Usuario activo

    Puedes hacer un zip, con el html e imágenes para tratar de ayudarte ?
     
    elQuique, 3 Ago 2007
    #6


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·