Diferencian "visuales en dintintos navegadores

miriamgomez · #1 (**permalink**) 03/08/2011, 05:27

Hola:

Tengo el siguiente problema: es una simple hoja de estilo que detallo a continuacion:

Código CSS:

Ver original* {margin:0px ; padding:0px ; border: 0px} 
body {background-color:#fbb615; color:; text-align: center ; float:center ;}
#global {
    background-color: #000000;
    width:1000px;
    margin:4px auto;
    align:center;}
#cabecera{
    width: 1000px;
    background-image: url(objetos/sup.jpg);
    height: 30px;}
#centro{
    width: 1000px;
    background-image: url(objetos/cen.jpg);
    background-repeat: repeat-y;}
#logotipo{
    width: 960px;
    text-align: center;
    background-color: #00FF77;}
#pie{
    width: 1000px;
    background-image: url(objetos/inf.jpg);
    height: 38px;}

Luego utilizo el siguiente codigo:

Código HTML:

Ver original<body>
<div id="global">
<div id="cabecera"></div>
<div id="centro">
<div id="logotipo">logotipo</div>
</div>
<div id="pie"></div>
</div>
</body>

Pues bien, en el ie se ve correctamente, la barra del logotipo se ve centrada, pero en el firefox la misma barra sale desplazada a la izquierda

summermojito · #2 (**permalink**) 03/08/2011, 06:51

Aquí ya se habló de este tema.

http://www.forosdelweb.com/f53/div-a...centro-635738/

Probablemente asignándole al contenedor "centro" estas propiedades te valga:

margin: 0 auto
position:relative;

Saludos!

miriamgomez · #3 (**permalink**) 03/08/2011, 07:07

Hola:

lo primero es agradecerte tu respuesta.

Lo segundo es una nueva duda:

Le he hecho el siguiente apaño:

#centro{
width: 1000px;
background-image: url(objetos/cen.jpg);
background-repeat: repeat-y;
margin: 0 auto;
padding: 20;
position:relative;}

Medio funciona, pero cuando trato de ponerle el padding como padding-left se descuadra en el IE.

Alguna idea?

summermojito · #4 (**permalink**) 04/08/2011, 00:56

Perdona, anduve desconectado desde entonces. Algunos IE no interpretan los margin y los padding como deberían. Has probado a usar margin-left en vez de padding-left?

miriamgomez · #5 (**permalink**) 05/08/2011, 01:23

hola:

Despues de leer el post que me dejastes, he hecho una serie de pruebas y al final en fallo y error di con esto

padding: 0px 15px 0px 15px;

Fui jugando con lo numeros hasta que lo ajuste.

Mil gracias por tu ayuda.

Un saludo