problema con firefox-chrome 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:
Y el CSS</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>
Código:
Y aqui, la imagen de como queda en ambos navegadores. 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;
}
Espero puedan ayudarme, gracias por todo.
