100% width en capa absoluta - IExplorer

OkusPokus · #1 (**permalink**) 07/05/2010, 09:58

Hola,
Tengo un problema y es que estoy intentando hacer crear una capa con position:absolute, alineada a la parte superior de la pagina. Hasta ahí todo bien, lo que pasa es que al darle un width:100%, Internet Explorer no me lo pilla bien, ¿porque puede ser?

Posteo el css y html.

Código CSS:

Ver originalbody {
        background-color: rgb(255, 255, 255);
    background-image: url([imagen][/imagen]);
        background-position:top center;
    background-repeat:repeat;
    background-attachment:fixed;
        margin:0px;
}
.banner {position:absolute;top:0px;width:100%;}
.banner {text-align:center;align:center}
.banner {margin-left:0px;left:0%;align:center;}
</style>
<div class="banner" style="border:1px solid;">
Hola que pasa?
</div>

Espero que me podais ayudar con este asunto que ya me tiene un poco loco.

DragonX · #2 (**permalink**) 07/05/2010, 10:13

que es lo que te hace exactamente IE, yo lo probé y anda bien, lo unico que noto es que te hace scroll horizontal, pero lo solucionas con overflow-x

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style>
    body {
        background-color: rgb(255, 255, 255);
        background-image: url([imagen][/imagen]);
        background-position:top center;
        background-repeat:repeat;
        background-attachment:fixed;
        margin:0px;
        overflow-x:hidden;
        }
.banner {position:absolute;top:0px;width:100%;}
.banner {text-align:center;align:center}
.banner {margin-left:0px;left:0%;align:center;}
    </style>
  </head>
  <body>
    
  </body>
</html>
 
<div class="banner" style="border:1px solid;">
Hola que pasa?
</div>

OkusPokus · #3 (**permalink**) 07/05/2010, 10:26

Ok, entonces me puedes decir a simple vista ¿porqué en un myspace me hace esto?
http://www.myspace.com/mushroomsonics
Es el mismo codigo pero no consigo ver porque lo corta y no lo deja al 100%. ¿Que lo puede estar limitando?

DragonX · #4 (**permalink**) 07/05/2010, 10:49

no podes tirar una eyiqueta style en cualquier lado!!!! esto deberias ponerlo en el head y ver de no pisar los CSS por default:

Código HTML:

Ver original<td bgcolor="#ffffff" align="left" width="435" valign="top" style="word-wrap: break-word;">
                        <style>
html {
     width:100%;
     overflow-x:hidden;
}
body {
    background-color: rgb(255, 255, 255);
    background-image: url(http://dejavufoto.es/images/myspace_yeska/FONDO-ESCRITORIO.png);
    background-position:top center;
    background-repeat:repeat;
    background-attachment:fixed;
        margin-top: 3350px;
        overflow-x:hidden;
    }
 
.joomblybanner {position:absolute;top:0px;width:100%;max-width:100%;}
.joomblybanner {text-align:center;align:center}
.joomblybanner {align:center;left:0%;right:0%;}
</style>
<div style="border: 1px solid;" class="joomblybanner">
Hola que pasa?
</div>
                    </td>

Esto es mal, proba haciendo lo que te dije de los css

OkusPokus · #5 (**permalink**) 07/05/2010, 10:55

Es myspace, es el unico sitio donde deja meter css.
Pero los estilos se pueden superponer, ¿alguna idea?
Muchas gracias!

linternazo · #6 (**permalink**) 07/05/2010, 11:24

En esta linea

<div style="border: 1px solid;" class="joomblybanner">

Al div le estas dando 2 estilos al mismo tiempo.