Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   margenes firefox y explorer...q lio! (http://www.forosdelweb.com/f53/margenes-firefox-explorer-q-lio-435250/)

ida_creativa 18/10/2006 04:33
margenes firefox y explorer...q lio!
 
He tado asi leyendo las fqs pq se q firefox y explorer los margenes los tienen diferentes, yo cree una pagina donde la iamgen y el fondo "deberian" coincidir y lo alinee atraves de margenes, lo q me toy haciendo un lio y ya repito cosas y no se exactamente lo q ta bien y o nop, para ver si alguien me ayuda un fisco, pq en explorer la barra del fondo me sale por debajo de donde deberia y en explorer por arriba (o viceversa)


aun soy novata ....
Código HTML:
<body>
<div id="fija">
<div id="portada">
<img src="img/index.jpg">
<h6> la Paz </h6>
</div>
</div>
Código HTML:

*{margin: 0; padding: 0;}
html, body{
        height:100%;
        min-height:100%;
          width: 100%;
        margin: 0px;
        padding: 0px;
}
html > body, html #fija {/* para los que implementan bien */
          height:auto;
        position:fixed;
}
body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #000;
        background: #626463 url(img/fondo.jpg) repeat-x fixed center bottom;
        letter-spacing: 0.1em;
}
h6{
        color: #999999;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
}
/* //////////////// GENERICOS //////////////////// */
#fija{/* para MSIExplorer */
    _position:absolute;
    top:0;
    left:0;
}

#portada{
    text-align:center;
    padding-top:18px;
}

ida_creativa 18/10/2006 04:59
lo solucione asi

#portada{
text-align:center;
padding-top:16px;
_padding-top:19px;

ya q dicen q el guion bajo solo le lee explorer, tb se podria asignar un fondo para q solo viera iexplorer nop? seria cuestion de cotillea :)

por cierto, al final limpie y deje el css asi

Código HTML:
*{margin: 0; padding: 0;}
html, body{
        height:100%;
        min-height:100%;
          width: 100%;
        margin: 0px;
        padding: 0px;
}
html > body, html {
          height:auto;
        position:fixed;
}
body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #000;
        background: #626463 url(img/fondo.jpg) repeat-x fixed center bottom;
        letter-spacing: 0.1em;
}
h6{
        color: #999999;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
}
/* //////////////// GENERICOS //////////////////// */

#portada{
    text-align:center;
    padding-top:13px;
        _padding-top:19px;
}
yo he dejado puesto " *{margin: 0; padding: 0;}" pq me lo ha puesto un amigo y la verda no se si se supone q es , si una aclaracion o eso funciona en algun lado :P o simplemente taria haciendo pruebas y me lo dejo ahi

MaXaC 18/10/2006 09:41
Firefox y explorer interpretan de forma diferente los margenes , la solucion que te dieron es la adecuada para esto

Rafael 18/10/2006 11:36
Los márgenes por Defecto (default) son diferentes, por eso especificas margin: 0 para que se olviden del default.


La zona horaria es GMT -6. Ahora son las 01:35.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.