float:left e IE

Citar

Escrito el 23 Nov 2006 07:11 pm

porq sh*t sucede esto :crap:

.. en IE no se alinean .. le suma 3 pixels mas a la separacion ..en FF todo bien..
ver (aunq con publicidad de yahoo :roll:

)
el archivo

Por Acidbjazz

716 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Perú

@acidbjazz

Citar

Escrito el 23 Nov 2006 07:46 pm

Quita esto: margin-left:210px;

Saludos!!

Por Cep

BOFH

1509 de clabLevel

9 tutoriales

1 ejemplo

Genero:Masculino REC Bastard Operators From Hell

Envíale un mensaje privado Web

Web Developer

@cep_mx

Citar

Escrito el 23 Nov 2006 07:52 pm

Me quedo asi:

Código :

<style>
      #links{
         width:400px;
         height:100px;
         margin: 0px;
         padding: 0px;
         background-color:#FFFF99;
      }
      
      #linkServices {
         margin: 0px;
         padding: 0px;
         width:200px;
         height:100px;
         /*background-image:url(img/linkServices.jpg);*/
         background-color:#00FF66;
         float:left;
         

      }
      
      #linkContactUs {
         margin: 0px;
         padding: 0px;
         margin-left:200px;
         width:200px;
         height:100px;
         /*background-image:url(img/linkContactUs.jpg);*/
         background-color:#00FF66;
         float:right;
      }
   </style>

A ver si te sirve

Por DaHouseCat

Claber

1011 de clabLevel

2 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Smarphones Fan Boy

@carlosmprz

Citar

Escrito el 23 Nov 2006 08:03 pm

Muchas Gracias... pero..
creo q se me olvidó decir q es lo q quería

disculpen. a ver si lo explico ahora .. necesito 2 cajas alineadas verticalmente de 200 px cada una separadas por un espacio de 10 px. En firefox sale bien, en iExplorer le suma 3 px a esa separacion de 10, por lo q al encontrar el div superior limitado a 410 (200 + 10 + 200) lo pasa para abajo ...

Cep: al hacer eso, no pasa nada, es decir en IE lo muestra al lado, pero con menos de 10 px de diferencia y en FF si falla, se juntan
Da Casa Gato: se me fueron a cada lado de la pantalla a los extremos..

Por Acidbjazz

716 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Perú

@acidbjazz

Citar

Escrito el 23 Nov 2006 08:23 pm

Tal vez lopusiste mal porque:

Código :

#links{
         width:410px;
         height:100px;
         margin: 0px;
         padding: 0px;
         background-color:#FFFF99;
      }
      
      #linkServices {
         margin: 0px;
         padding: 0px;
         width:200px;
         height:100px;
         background-color:#00FF66;
         float:left;
         display:inline;
      }
      
      #linkContactUs {
         margin: 0px;
         padding: 0px;
         width:200px;
         height:100px;
         float:right;
         background-color:#00FF66;
      }

Te deja tanto en IE como en FF 10px de separación entre si

De cualqueir manera yo recomendaria uqe lo hiceras asi:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="all">
#links{
   width:410px;
   height:100px;
   background-color:#FFFF99;
}
.linksBox{
   width:200px;
   height:100px;
   background:#00FF66;
}
#linkServices {float:left;}
#linkContactUs {float:right;}
</style>
</head>

<body>
<div id="links">
   <div class="linksBox" id="linkServices"></div>
   <div class="linksBox" id="linkContactUs"></div>
</div>
</body>
</html>

Saludos

Por Cep

BOFH

1509 de clabLevel

9 tutoriales

1 ejemplo

Genero:Masculino REC Bastard Operators From Hell

Envíale un mensaje privado Web

Web Developer

@cep_mx

Citar

Escrito el 23 Nov 2006 08:49 pm

wow .. q tal reducción.. creo q tengo mucho por rehacer :cry: