margenes firefox y explorer...q lio!

ida_creativa · #1 (**permalink**) 18/10/2006, 04:33

He tado asi leyendo las fqs pq se q firefox y explorer los margenes los tienen diferentes, yo cree una pagina donde la iamgen y el fondo "deberian" coincidir y lo alinee atraves de margenes, lo q me toy haciendo un lio y ya repito cosas y no se exactamente lo q ta bien y o nop, para ver si alguien me ayuda un fisco, pq en explorer la barra del fondo me sale por debajo de donde deberia y en explorer por arriba (o viceversa)

aun soy novata ....

Código HTML:

<body>
<div id="fija">
<div id="portada">
<img src="img/index.jpg">
<h6> la Paz </h6>
</div>
</div>

Código HTML:

*{margin: 0; padding: 0;}
html, body{
	height:100%;
	min-height:100%;
  	width: 100%;
	margin: 0px;
	padding: 0px;
}
html > body, html #fija {/* para los que implementan bien */
  	height:auto;
	position:fixed;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	background: #626463 url(img/fondo.jpg) repeat-x fixed center bottom;
	letter-spacing: 0.1em;
}
h6{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/* //////////////// GENERICOS //////////////////// */
#fija{/* para MSIExplorer */
    _position:absolute;
    top:0;
    left:0;
}

#portada{
    text-align:center;
    padding-top:18px;
}

ida_creativa · #2 (**permalink**) 18/10/2006, 04:59

lo solucione asi

#portada{
text-align:center;
padding-top:16px;
_padding-top:19px;

ya q dicen q el guion bajo solo le lee explorer, tb se podria asignar un fondo para q solo viera iexplorer nop? seria cuestion de cotillea :)

por cierto, al final limpie y deje el css asi

Código HTML:

*{margin: 0; padding: 0;}
html, body{
	height:100%;
	min-height:100%;
  	width: 100%;
	margin: 0px;
	padding: 0px;
}
html > body, html {
  	height:auto;
	position:fixed;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	background: #626463 url(img/fondo.jpg) repeat-x fixed center bottom;
	letter-spacing: 0.1em;
}
h6{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/* //////////////// GENERICOS //////////////////// */

#portada{
    text-align:center;
    padding-top:13px;
	_padding-top:19px;
}

yo he dejado puesto " *{margin: 0; padding: 0;}" pq me lo ha puesto un amigo y la verda no se si se supone q es , si una aclaracion o eso funciona en algun lado :P o simplemente taria haciendo pruebas y me lo dejo ahi

MaXaC · #3 (**permalink**) 18/10/2006, 09:41

Firefox y explorer interpretan de forma diferente los margenes , la solucion que te dieron es la adecuada para esto

Rafael · #4 (**permalink**) 18/10/2006, 11:36

Los márgenes por Defecto (default) son diferentes, por eso especificas margin: 0 para que se olviden del default.