Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 18-oct-2006, 04:33   #1 (permalink)
ida_creativa ha deshabilitado el karma
 
Avatar de ida_creativa
 
Fecha de Ingreso: octubre-2006
Mensajes: 22
margenes firefox y explorer...q lio!

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 está desconectado   Responder Citando
Antiguo 18-oct-2006, 04:59   #2 (permalink)
ida_creativa ha deshabilitado el karma
 
Avatar de ida_creativa
 
Fecha de Ingreso: octubre-2006
Mensajes: 22
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
ida_creativa está desconectado   Responder Citando
Antiguo 18-oct-2006, 09:41   #3 (permalink)
MaXaC está en el buen camino
 
Fecha de Ingreso: abril-2005
Ubicación: Lima-Peru
Mensajes: 314
Firefox y explorer interpretan de forma diferente los margenes , la solucion que te dieron es la adecuada para esto
MaXaC está desconectado   Responder Citando
Antiguo 18-oct-2006, 11:36   #4 (permalink)
Rafael tiene algunos puntos positivos de karma
 
Fecha de Ingreso: marzo-2003
Mensajes: 1.052
Los márgenes por Defecto (default) son diferentes, por eso especificas margin: 0 para que se olviden del default.
Rafael está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 04:54.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93