Comunidad de diseño web y desarrollo en internet online

otra de explorer:

Citar            
MensajeEscrito el 07 Jul 2007 05:36 am
Quiero salir de dudas:

De que forma mediante css puedo decirle a iexplorer que muestre corectamente los div con los porcentajes que le impuse :

* Firefox los muestra corectamente.

La codificación es la siguiente:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>css</title>
<style type="text/css">
<!--
#Layer1 {
   position:absolute;
   left:0px;
   top:0px;
   width:50%;
   height:50%;
   background-color: #556F88;
   max-height: 100%;
}
#Layer2 {
   position:absolute;
   left:0%;
   top:50%;
   width:50%;
   height:50%;
   background-color: #99CC00;
}
#Layer3 {
   position:absolute;
   left:50%;
   top:0%;
   width:50%;
   height:50%;
   background-color: #FF3399;
}
#Layer4 {
   position:absolute;
   left:50%;
   top:50%;
   width:50%;
   height:50%;
   background-color: #DC8B3A;
}
#Layer5 {
   position:absolute;
   left:0%;
   top:25%;
   width: 100%;
   height: auto;
   z-index:2;
   background-color: #FFFFFF;
   padding: 30px 0px;
   text-indent: 90px;
   }
-->
</style>
</head>

<body>

<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5">holas a todos</div>


</body>
</html>

estas son capturas de los resultados con ie y firefox:

ie - el error: :crap:
http://es.geocities.com/viktorweb001/ie.jpg

firefox - golazo:
^^ http://es.geocities.com/viktorweb001/ff.jpg

Por iViktor

21 de clabLevel



 

msie
Citar            
MensajeEscrito el 12 Jul 2007 10:56 pm
lo que pasa es que explorer es muy caprichoso y entiende cosas a su propia manera.. cuando trabajas con porcentajes... su tamaño varia segun el contenido que tengan dentro.. amenos que le digas especificamente ke tengan una altura determinada...

min-height
min-width

mm eso

Por obscurnoise

20 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Jul 2007 07:10 pm
Solo una cosa, IE 6 no admite min-height, ni min-width.. ni nada c00l. IE6 interpreta el height y el width de tal forma que se expande de acuerdo al contenido... como un min-height.

Ademas, usa condicionales, te ahorras muchos problemas. U_Un

Código :

<!--[if IE]>
 <style type="text/css">
 /*tu código CSS para IE aquí.*/
 </style>
<![endif]-->


ó

Código :

<!--[if IE]>
<link rel="stylesheet" href="ie.css" type="text/css" media="screen" />
<![endif]-->


y

Código :

/* Solo lo lee IE6*/
* html .coso { height: 1%; }



Código :

/* lo lee Todos los IE*/
.coso { height: 1%; }


Saludos.

Por J O S

712 de clabLevel

1 tutorial

Genero:Masculino  

Lima, Perú

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.