Tamaño porcentual no funciona con IE??????

Citar

Escrito el 05 Oct 2005 10:47 am

Quiero poner una imagen de fondo rollo mosaico que ocupe toda la pantalla de arriba a abajo, le he hecho pero mi sorpresa ha sido cuando con IE no sale nada y con Mozilla si O.0

HTML:

Código :

<div id="indiana"></div>

CSS:

Código :

#indiana {
   background: transparent url(indiana.gif);
   position: absolute;
   top: 0px; 
   left: 180px;
   width: 170px;
   height:100%;
}

Con Mozilla sale la barra perfectamente però con IE nada de nada, todo en blanco.

He probado de cambiar el height:100%; por height:600px; y entonces con IE me sale tambien la imagen pero no se adapta al tamaño de pantalla.

Alguna idea? alguien sabe que cojones hace el IE? Porque cojones el señor Bill Puertas no kiere cumplir los standares W3C

'

Alguna sol·lució? donde esta el problema? O.0

Por quantic

8 de clabLevel

Envíale un mensaje privado

Catalunya

Citar

Escrito el 05 Oct 2005 01:05 pm

lo de porqué no se quiere adaptar a los estándares es porque... ellos hicieron sus propios estándares.

creo que esto es posible, pero tal vez el problema se encuentre con la propiedad position; intenta quitándola y flotándolo (propiedad float) que es más o menos la clave para que en ie se vea igual que en un navegador de verdad.

si funciona por favor pon el código por acá para que alguien más solucione un problema como el tuyo.

p.s. utiliza los bbcode CODE para cuando utilices código.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 05 Oct 2005 03:08 pm

no funciona

he preparado una versión reducida para ver si era interacción con algún otro elemente pero no

os pongo el código completo. Si alguien consigue hacer el mismo efecto de otra forma i que funcione con IE i FF que lo diga :p

fallo1.htm

Código :

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <title>fallo1</title>   
   <style type="text/css" title="currentStyle" media="screen">
      @import "fallo1.css";
   </style>
</head>

<body>
<div id="indiana"></div>
</body>
</html>

fallo1.css

Código :

html {
   margin: 0px;
   padding: 0px;
   }

#indiana {
   background: #000;
   position: absolute;
   display:inline;
   top: 0px; 
   left: 180px;
   width: 170px;
   height: 100%;
}

Podeis probar que con FF se be una franja negra de arriba a abajo, con IE no, solo una franja de unos 10px. I claro si pongo el height a 600px no es ajustable a todas las pantallas, o eso o me como un scrol que no es necesario, metiendole 2000px que tampoco es eso.

Por quantic

8 de clabLevel

Envíale un mensaje privado

Catalunya

Citar

Escrito el 05 Oct 2005 05:28 pm

la verdad no se si sea correcta la forma en que estes cargando tu CSS pero según apredí en el tuto de CSS debes así

Código :

<link href="tuarchivo.css" rel="stylesheet" type="text/css" />

nose si eso influya en que tengas ese error.

Por Ereb

Claber

1352 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email

México, D.F.

Citar

Escrito el 05 Oct 2005 06:47 pm

En realidad, ambos son correctos.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 05 Oct 2005 08:27 pm

Asi es... pero como el tio Bill se olvide de hacer el IE 6 con un pobre soporte al css2 ... (pero pronto cambiará

)

bueno ahi la solución ... puedes intentar con esto..

Código :

body{
   margin: 0px;
   padding: 0px;
   height:100%;
   }

Reemplaza el selector HTML por Body ya que en algunos navegadores resulta y en otros no ...
Espero que te sirva...

Salu2

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 06 Oct 2005 08:28 am

uuuuueeeeeeee!!! funciona!!!

solo es poner en el body height:100%; y funciona perfestamente en IE i FF

MUCHAS GRACIAS!!!!!!!!! :lol:

Por quantic

8 de clabLevel

Envíale un mensaje privado

Catalunya

Tamaño porcentual no funciona con IE??????

Escribe una respuesta rapida