Foros del Web » Creando para Internet » CSS »

CSS wufoo + javaScript nocompatible con IE7

Estas en el tema de CSS wufoo + javaScript nocompatible con IE7 en el foro de CSS en Foros del Web. hola a todos, tengo un el siguiente problema, la pagina funciona bien en IE8 y FF, pero con IE7 o IE8 con compatibilidad no. se ...
  #1 (permalink)  
Antiguo 06/08/2009, 13:19
 
Fecha de Ingreso: septiembre-2008
Mensajes: 60
Antigüedad: 15 años, 6 meses
Puntos: 1
Busqueda CSS wufoo + javaScript nocompatible con IE7

hola a todos,
tengo un el siguiente problema, la pagina funciona bien en IE8 y FF, pero con IE7 o IE8 con compatibilidad no.

se supone que javascript debe mostrar solo una parte de la pagina y en IE7 se muestra toda la pagina, pero es por el css de la pagina Wufoo.

ejemplo:

Código HTML:
Ver original
  1. <div id="capa_no_mostrar">
  2. <li id="foli16"         class="    ">  <----- esto hace que se muestre
  3.     <label class="desc" id="title22" for="Field22"> Nombre</label>
  4.         <div class="block">
  5.                 <span class="left"  >                                                                            
  6.                       <input   type="text" class="field text addr" tabindex="4"   />
  7.                     <label for="Field0" class="desc2">label</label>
  8.                 </span>
  9.                
  10.                 <span class="right"  >
  11.                      <input   type="text" class="field text addr" tabindex="4"   />
  12.                     <label for="Field1" class="desc2">label2</label>
  13.                 </span>
  14.         </div>
  15. </li>
  16. </div>
  17.  
  18. <div id="capa_mostrar">
  19. ....
  20. </div>



CSS: fuente
.wufoo{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
.wufoo li{
width:62%;
}
form ul{
margin:0;
padding:0;
list-style-type:none;
width:100%;
}
form li{
display:block;
margin:0;
padding:6px 5px 9px 9px;
clear:both;
}
form li:after, form li div:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
margin:0 .3em 0 0;
padding:0;
color:#444;
}
form li span{
float:left;
}

.center,
form li span.center input.text, form li span.center label,
form li.name input.text, form li.name span label,
form li.date input.text, form li.date span label,
form li.phone input.text, form li.phone span label,
form li.time input.text, form li.time span label{
text-align:center;
}
form li.time select.select{
margin-left:5px;
}

form li div.col span{
display:block;
width:100%;
float:left;
padding:0;
}
li.twoColumns div.col span{
width:48%;
margin:0 5px 0 0;
}
li.threeColumns div.col span{
width:30%;
margin:0 5px 0 0;
}
li.notStacked div.col span{
width:auto;
margin:0 7px 0 0;
}


form li.complex{
padding-bottom:0;
}
form li div span.left, form li div span.right{
margin:0;
width:47%;
}
form li div span.full input,
form li div span.full select,
form li div span.left input,
form li div span.right input,
form li div span.left select,
form li div span.right select{
width:100%;
}

.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both !important;
}

/* ----- INFO ----- */

.info{
display:inline-block;
clear:both;
border-bottom:1px dotted #ccc;
margin:0 0 5px 0;
}
.info[class]{
display:block;
}
.info h2{
font-weight:normal;
font-size:160%;
margin:0 0 .2em 0;
clear:left;
}
.info div{
font-size:95%;
line-height:135%;
margin:0 0 1.1em 0;
color:#555;
}

/* ----- SECTIONS ----- */

form li.section, form li.captcha{
clear:both;
border-top:1px dotted #ccc;
padding-top:.9em;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
position:static;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 .2em 0;
}
form .section div{
display:block;
font-size:85%;
margin:0 0 1.2em 0;
padding:0;
}

form li.captcha {
margin-top:5px;
padding-bottom:9px;
}
form li.captcha label.desc{
margin-bottom:4px;
}

#recaptcha_widget_div table{
background:#fff;
}

form li.captcha .noscript iframe{
border:none;
overflow:hidden;
margin:0;
padding:0;
}
form li.captcha .noscript label.desc{
display:block !important;
}
form li.captcha .noscript textarea{
margin-left:12px;
}


/* ----- LIKERT SCALE ----- */

form li.likert{
width:97% !important;
}
.likert table{
margin:0 0 .9em 0;
background:#fff;
width:100%;
border:1px solid #dedede;
border-bottom:none;
}
.likert caption{
text-align:left;
color:#222;
font-size:95%;
line-height:135%;
padding:5px 0 .5em 0;
}
.likert input{
padding:0;
margin:2px 0;
}
.likert label{
font-size:85%;
display:block;
color:#565656;
}


...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:28.