saludos de nuevo genios.
Verán, he situado un cuadro.png en el centro de mi página para situar ahí dentro el contenido de la misma. En firefox se ve perfecto, pero en chrome lo desplaza hacia la derecha, y no veo el fallo.
Tambien, he estado informandome sobre las transparencias(.png) en ie. Pero no he encontrado una solución que me guste, cual utilizan ustedes?, me gustaría algo que solucionara el problema en ie 6,7,8; es lo suyo no?.
Lo que más me convencido a sido utilizar un fix pero la verdad es que no entendido muy bien el proceso.
Aqui les pongo una imagen de como aparece en firefox(izq) y en chrome, en ie definitivamente no se me muestra nada.
Código:
</head>
<body >
<div id="contenedor" style=" height:100%; width:100%">
<div id="cabecera" >
<div id="logo">
<img alt=""height="100%" src="images/logohome.png" width="100%"/>
</div>
<div id="botonera" >
archivo swf
</div>
</div>
<div class="clear"><br /></div>
<div id="contenido">
<div id="contenido2">
asdfasdfasdfasdf
dsfasdfasdfa
asdfasdfasdfa
</div>
</div>
</div>
</body>
</html>
Y el CSS
Código:
body {
background-color:#102545;
text-align:center;
font:18px Arial;
width:960px;
height:100%;
align:center;
margin:auto;
overflow: auto;
}
#contenedor{
width:960px;
height:100%;
}
#cabecera{
margin-left:30px;
width:960px;
height:200px;
}
#logo {
float:left;
padding-top:5%;
width:248px;
height:95px;
align:left;
margin:auto;
}
#botonera{
align:right;
float:left;
width:712px;
height:50px;
padding-top:-5%;
}
#contenido{
width: 960px;
height: 1380px;
background-image:url(images/cuadrohome.png);
text-align:center;
background-repeat:repeat-y ;
padding-top:30px;
padding-bottom:20px;
text-align:center;
}
Y aqui, la imagen de como queda en ambos navegadores.
Espero puedan ayudarme, gracias por todo.