Entrar

otro problema con el firefox

martrix · · Solicitar retirada
hola! hace poco os mande un problemilla que tenia porque con explorer se veia bien y con firefox no. pues bien, vuelvo a tener el mismo problema con otra de las paginas, y por mas que lo reviso no encuentro el fallo. me podrias ayudar?
aqui os dejo el archivo html y la hoja css.

archivo html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>pájaros y servilletas</title>
<link rel="stylesheet" href="estilosindex.css" type="text/css" media="all">
<style type="text/css"></style>
</head>

<body>
<div id="global">
[contenido no disponible]
<p class="entrar">entrar</p>

</div>


</body>
</html>



hoja css:

#global {width:800px;
margin: 2px auto
}

body {background-color: #828282;
color: #FFFAFA;
background-image: url(fondoindex.jpg);
background-repeat: no-repeat;
background-position:bottom;
}

img {border-style: none;}

.letras {position:relative;
top: 100px;
}

.entrar {font-family: arial;
font-size:25px;
position:relative;
left: 290px;
top: 105px;
}


a {color: #FFFAFA;
text-decoration: none;
}
a:link {color: #FFFAFA}

a:visited {color: #FFFAFA}

a:hover {color: #000000}

a:active {color: #FFFAFA}



muchas gracias y un saludo!
manmanu · · Solicitar retirada
Hola martrix,

el problema radica en ;
HTML;

[img]fondoindex2.jpg[/img]
CSS;
#global {width:800px;margin: 2px auto
El navegador está mostrando la imágen en su tamaño real 1000px,por eso te aparece el scroll, y no lo centra.

Slución!! Dale a la imágen el mismo valor 800px, en el html, y haz la comprobación.
Te funcionara.


Saludos manmanu
martrix · · Solicitar retirada
muchas gracias, no me habia dado cuenta! :) es que el firefox no pasa una...

ahora el tamaño es correcto, pero el firefox me coloca el "background image" arriba en vez de abajo. esto tiene alguna explicacion?? :shock:
manmanu · · Solicitar retirada
Hola martrix,
una de las razones puede ser por que no estas organizando tu capa <global>.
Tienes un poco de lio.
Asi por encima, algo que he léido;
Para elementos con un posicionamiento relativo, el origen de sus coordenadas no es la esquina superior izquierda del elemento contenedor, sino la posición que ocuparían naturalmente, de no estar condicionados o posicionados.

Para mí que deberias repasar un poco el curso, y que visites la sección de las CAPAS,DIVs te ayudará.
Has creado una posición relativa a los dos unicos elementos, que has colocado, no has organizado esa capa, luego no se si la vas a útilizar a modo de logo, o principio de una web.

Es un poco ""lio"" tu trabajo.

Ya nos diras, las intenciónes que tienes, y en función de loque nos digas, te orientaremos de una ú otra manera.

!!!!Animo!!!!!


Saludos manmanu
martrix · · Solicitar retirada
hola! pues la verdad es que un poco liada igual si que estaba, jejeje. pero le he dado otra vuelta y ahora ya se ve bien en los 2.

muchas gracias por la ayuda, si es que a veces el error esta tan claro que cuesta descubrirlo :wink:

un saludo!