Estoy nuevo en esto del css, y ahorita estoy haciendo una panilla con formulario. En Mozilla y Opera no hay ningun problema. Pero resulta que en IE7 y solo en la vista de compatibilidad del 8 casi todo se mueve, es como si tomara márgenes mayores, no se de donde. Lo mas seguro, es que como estoy aprendiendo , en el código CSS haya algo demás o mal que el IE lo toma como margen. no se!
El código CSS es el siguiente:
Código:
/*basicos*/
body {
text-align:center;
font-family: Trebuchet MS, Calibri;
background-image:url(http://planilla/body/arboles.jpg);
background-color:#b2ddd4;
margin-left:35px;
background-position:center bottom;
background-repeat:no-repeat;
}
#wrap {
width:1130px;
margin:0 auto;
margin-top:-15px;
padding:5px;
text-align:left;
}
#top {
width:770px;
height:278px;
background-image:url(http://imagenes/blanco_top.png);
background-repeat:no-repeat;
margin-left: 190px;
margin-top:200px;
}
#content {
width:770px;
height:1900px;
background-image:url(http://imagenes/blanco_content.png);
background-repeat:repeat-y;
margin-left: 190px;
}
#bottom {
width:769px;
height:57px;
background-image:url(http://imagenes/blanco_bottom.png);
background-repeat:no-repeat;
margin-left: 190px;
}
#logoMP {
position:absolute;
width:399px;
height:301px;
background-image:url(http://Basics/logo_mp.png);
background-repeat:no-repeat;
margin-left: 182px;
}
#titulo {
position:absolute;
width:309px;
height:126px;
background-image:url(http://planilla/body/planilla.jpg);
margin-left:245px;
margin-top:220px;
background-repeat:no-repeat;
}
#globo {
position:fixed;
width:289px;
height:204px;
margin-top:610px;
margin-left:37px;
background-image:url(http://Basics/globo.png);
}
/*OtroSsSS*/
#arboles_arriba {
position:absolute;
background-image:url(http://planilla/body/arboles_arriba.jpg);
background-repeat:no-repeat;
background-position:center top;
width:995px;
height:584px;
margin-left:80px;
}
/*---------->>Formulario<<----------*/
.form {
background-color: #C6E8EA; border: 0px; width: 275px; color:#999999; font-weight:bolder;}
.form1 {
background-color: #C6E8EA; border: 0px; width: 275px; color:#999999; height:60px; font-weight:bolder;}
.inputs {
{font-size:13px; color:#EAEAEA; font-weight:normal;}
}
#formulario {
background-position:center top;
text-align:center;
height:1800px;
}
.datos{font-size:17px; color:#EAEAEA; line-height:1.5em; font-weight:normal; width: 614px; margin-left: 80px; text-align:justify; }
.portada{background-color:transparent; border: 0px; width: 275px; color:#FFFFFF; font-size:13px; font-family: Comic Sans Ms,Trebuchet MS; border: #000099; height:330px; width:510px; font-weight:bolder; overflow-y:hidden;
}
#divportada{position:absolute; margin-top:126px; margin-left:48px; height:343px; width:525px;}
#portada {
position:absolute;
background-image:url(http://planilla/body/portada1.png);
width:602px;
height:683px;
margin-top:10px;
}
#manzana {
position:absolute;
background-image:url(http://planilla/body/manzana1.png);
width:82px;
height:82px;
background-repeat:no-repeat;
margin-top:-74px;
margin-left:424px;
}
.tem {
width:478px;
text-align:justify;
margin-left:65px;
margin-top:10px;
font-size:19px; font-weight:bold; color:#FF9900;
}
.trabajo {
margin-top:20px;
margin-left:10px;
background-image:url(http://planilla/body/trabajo.jpg);
background-repeat:no-repeat;
width:126px;
height:85px;
}
.Ptrabajo {
margin-left:195px;
width:275px;
}
.detallando {
margin-top:20px;
margin-left:20px;
background-image:url(http://planilla/body/detallando.jpg);
background-repeat:no-repeat;
width:135px;
height:75px;
}
.Pdetallando {
margin-left:184px;
width:275px;
}
.investigar {
margin-top:20px;
background-image:url(http://planilla/body/a-investigar.jpg);
background-repeat:no-repeat;
width:174px;
height:74px;
}
.Pinvestigar {
position:absolute;
margin-top:-10px;
margin-left:206px;
width:275px;
}
.Pitexto {line-height:15px; font-size:13px; color:#EAEAEA; font-weight:normal;}
/*PAQUETES*/
.paquete {
margin-top:20px;
margin-left:13px;
background-image:url(http://planilla/body/paquete.jpg);
width:447px;
height:122px;
}
.Paqinputs {
margin-top:20px;
margin-left:77px;
line-height:15px;
color:#EAEAEA;
}
.otros {
background-color: #C6E8EA; border: 0px; width: 521px; color:#999999; height:100px; font-weight:bolder;}
#otros {
margin-top:275px; font-size:19px; font-weight:bold; color:#FF9900;
}
Ah por cierto, en el Netscape el fondo de árboles arriba no se ve, que sería el div árboles_arriba...
Espero, si tienen el tiempo puedan ayudarme en estos detalles.
Gracias de antemano...
