Foros del Web » Creando para Internet » CSS »

Ayuda con visualización de una pagina con Explorer

Estas en el tema de Ayuda con visualización de una pagina con Explorer en el foro de CSS en Foros del Web. En primer lugar, saludaros a todos y daros las gracias porque leyendo y releyendo el foro he conseguido algo que, a priori, me parecía imposible: ...
  #1 (permalink)  
Antiguo 01/05/2009, 05:40
 
Fecha de Ingreso: mayo-2009
Mensajes: 4
Antigüedad: 8 años, 7 meses
Puntos: 0
Ayuda con visualización de un menu con pestañas en Explorer

En primer lugar, saludaros a todos y daros las gracias porque leyendo y releyendo el foro he conseguido algo que, a priori, me parecía imposible: desde cero conocimientos y con paciencia elaborar la web del colegio donde trabajo. No es ninguna maravilla y seguramente tendrá muchos fallos de estructura y sintaxis, pero poco a poco espero ir arreglándolo.

El caso es que una de las paginas (hay más pero todas tienen la misma estructura):
smsofiavalencia.es/infantil.html

se visualiza de forma no deseada con el explorer y me gustaría saber qué debo modificar para solucionarlo.
Cómo soy nuevo; no se muy bien si he de daros más datos, así que, por si acaso, os dejo el enlace a la hoja de estilo por si es necesaria:
smsofiavalencia.es/style.css

Gracias a todos de antemano y disculpad las molestias.

Última edición por berzhot; 03/05/2009 a las 04:27
  #2 (permalink)  
Antiguo 03/05/2009, 04:26
 
Fecha de Ingreso: mayo-2009
Mensajes: 4
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Ayuda con visualización de una pagina con Explorer

Bueno, releyendo el mensaje creo que he sido un poco impreciso, o demasiado genérico. Voy a tratar de ser lo mas concreto posible. En el centro de la página hay un menu con tabs laterales. El código html es este:

Código PHP:
<div id="panel_etapas">
<
ul id="tabs_etapas">
<
li id="tab_gen"><a href="#" onclick="tab('tab_gen','gallerycontainer_gen');return false;"><img style="border: 0px solid ;" src="images/general.png" alt="" /></a></li>
<
li id="tab_prof"><a href="#" onclick="tab('tab_prof','gallerycontainer_prof');return false;">
<
img style="border: 0px solid ;" src="images/profesores.png" alt="" /></a></li>
<
li id="tab_act"><a href="#" onclick="tab('tab_act','gallerycontainer_act');return false;">
<
img style="border: 0px solid ;" src="images/actividades.png" alt="" /></a></li>
<
li id="tab_imag"><a href="#" onclick="tab('tab_imag','gallerycontainer_imag');return false;">
<
img style="border: 0px solid ;" src="images/imagenes.png" alt="" /></a></li>
</
ul>

<
div id="paneles_etapas">
<
div id="gallerycontainer_gen">
<
h2>General</h2>
<
p>La Educación Infantil constituye una etapa educativa con
identidad propia que atiende a niñas y niños hasta los seis años de
edad y que
&nbsp;tiene como finalidad la de contribuir al desarrollo
físico
afectivosocial e intelectual de las niñas y de los
niños
.</p>
<
p>En
esta etapa se atenderá al desarrollo del movimiento y de los hábitos de
control corporal
a la comunicación y representación por medio de los
diferentes lenguajes
a las pautas elementales de convivencia y
relación social
así como al descubrimiento de las características
físicas y sociales del medio
Además se facilitará que las niñas y los
niños elaboren una imagen de sí mismos positiva y equilibrada
,
adquieran autonomía personal y desarrollen sus capacidades
afectivas
.</p>
<
p>Asimismoen el segundo ciclola acción
tutorial orientará el proceso educativo individual y colectivo del
alumnado
Para ellocada grupo-clase tendrá una maestra o un maestro
especialistas en Educación Infantil que ejercerán de tutora o de tutor
y colaborarán
en su casoen la intervención educativa del profesorado
que participe en la atención individualizada y con el resto de
profesionales que intervengan en el diagnóstico y rehabilitación del
alumnado con necesidades específicas de apoyo
educativo
y mantendrán una relación permanente con las familias para
facilitarles la información necesaria sobre el proceso educativo de
cada niña y de cada niño
así como podrán ser apoyadosen su labor
docente
por maestras y maestros de otras especialidades cuando las
enseñanzas impartidas lo requieran
.
</
p>
</
div>
<
div id="gallerycontainer_prof">
<
table style="text-align: left; width: 90%;" id="tabla" border="0" cellspacing="0">
<
tbody>
<
tr>
<
td>

<
h2>Profesoras</h2>
</
td>
<
td>
<
h2>Horario de atención a familias</h2>
</
td>
</
tr>
<
tr>
<
td>
<
p>Begoña San Pedro</p>
</
td>
<
td>
<
p>Lunes 12:45 a 13:30</p>
</
td>

</
tr>
<
tr>
<
td>
<
p>Ana Pastor</p>
</
td>
<
td>
<
p>Lunes 12:45 a 13:30</p>
</
td>
</
tr>
<
tr>
<
td>
<
p>Emi Salcedo</p>
</
td>
<
td>

<
p>Lunes 12:45 a 13:30</p>
</
td>
</
tr>
</
tbody>
</
table>
</
div>
<
div id="gallerycontainer_act">
<
h2>Actividades</h2>
<
p>En construcción</p>
</
div>
<
div id="gallerycontainer_imag">
<
h2>Imágenes</h2>
<
p>Pulse en los siguientes enlaces para acceder a las distintas
galerías de
imágenes
:</p>

</
div>
<
script type="text/javascript">
tab('tab_gen','gallerycontainer_gen');
</script>
</div>
</div> 
y el estilo es este:

Código PHP:
div#panel_etapas {
  
margin5px auto 10%;
  
positionrelative;
  
clearboth;
  
width85%;
  
height385px;
}
ul#tabs_etapas {
  
positionabsolute;
  
z-index20;
  
text-aligncenter;
  
height500px;
  
width150px;
  
margin-top18pt;
}
ul#tabs_etapas li {
  
background-repeatrepeat;
  
background-attachmentscroll;
  
background-positionleft -48px;
  list-
style-typenone;
  list-
style-imagenone;
  list-
style-positionoutside;
  
width145px;
  
margin-bottom15px;
  
height55px;
}
ul#tabs_etapas li.actual {
  
background-repeatno-repeat;
  
width145px;
  
height55px;
}
ul#tabs_etapas li a {
  
background-attachmentscroll;
  
displayblock;
  
text-decorationnone;
  
color#000000;
  
font-familyArial,Helvetica,sans-serif;
  
font-size11px;
  
line-height27px;
  
background-repeatno-repeat;
  
background-positionleft top;
  
width145px;
  
height55px;
}
ul#tabs_etapas li.actual a {
  
background-attachmentscroll;
  
cursor: default;
  
colorwhite;
  
background-repeatno-repeat;
  
background-positionleft top;
  
line-height27px;
  
width145px;
  
height55px;
}
div#panel_etapas #paneles_etapas {
  
border7px solid #cdc0b0;
  
background#ffffff none repeat scroll 0% 50%;
  
overflowhidden;
  
positionrelative;
  
margin-left180px;
  
width78%;
  
margin-bottom0px;
  
height370px;
}
div#panel_etapas #paneles_etapas div {
  
margin10px;
  
font-familyarial;
  
font-size12px;
  
text-decorationnone;
  
color#000000;
  
overflowauto;
  
height370px;
  
width97%;
}
div#panel_etapas #paneles_etapas p {
  
margin0px 0 0;
  
font-familyTahoma,Arial,Helvetica,sans-serif;
  
colorblack;
  
font-size125%;
}
div#panel_etapas #paneles_etapas h2 {
  
margin0px 0 0;
  
font-familyTahoma,Arial,Helvetica,sans-serif;
  
color#6ca6cd;
  
font-size150%;

El caso es que las tabs, cuando visualizo la página en el explorer, se me montan con la zona central cuando deberían estar a la izquierda de la misma. ¿que ajuste debería hacer para que se viesen correctamente?
  #3 (permalink)  
Antiguo 04/05/2009, 10:16
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Ayuda con visualización de una pagina con Explorer

Hola, Berzhot...

Nos deja ver el URL de tu página para ver a ciencia cierta lo que explicas?

Saludos.
  #4 (permalink)  
Antiguo 04/05/2009, 10:58
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con visualización de un menu con pestañas en Explorer

Hola:

¿No has leído el primer mensaje?

Cita:
Iniciado por berzhot Ver Mensaje
smsofiavalencia.es/infantil.html
Saludos.

  #5 (permalink)  
Antiguo 04/05/2009, 11:20
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con visualización de una pagina con Explorer

Hola:

Creo que la solución la tienes aquí:

Código:
ul#tabs {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 24px;
    z-index: 20;
    text-align: center;
    width: 90%;
}
Debes cambiar la posicion absoluta por posicion relativa, es decir:

Código:
ul#tabs {
    margin: 0;
    padding: 0;
    position: relative;
    left: 0px;
    top: 0px;
    height: 24px;
    z-index: 20;
    text-align: center;
    width: 90%;
}
Saludos.

  #6 (permalink)  
Antiguo 04/05/2009, 16:23
 
Fecha de Ingreso: mayo-2009
Mensajes: 4
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: Ayuda con visualización de una pagina con Explorer

Al final no era como me decias, pero me has dado la pista para solucionarlo. El fallo estaba aquí:

Código:
div#panel_etapas #paneles_etapas {
  border: 7px solid #cdc0b0;
  background: #ffffff none repeat scroll 0% 50%;
  overflow: hidden;
  position: relative;
  margin-left: 180px;
  width: 78%;
  margin-bottom: 0px;
  height: 370px;
}
y lo he podido solucionar cambiandolo por esto:

Código:
div#panel_etapas #paneles_etapas {
  border: 7px solid #cdc0b0;
  background: #ffffff none repeat scroll 0% 50%;
  overflow: hidden;
  position: absolute;
  margin-left: 180px;
  width: 78%;
  margin-bottom: 0px;
  height: 370px;
}
para poder tener las pestañas y los divs en la misma situación. Así que muchisimas gracias por la ayuda!!
  #7 (permalink)  
Antiguo 05/05/2009, 13:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con visualización de una pagina con Explorer

Hola:

Aunque no haya solucionado el problema me alegro de haberte sido útil y ya sabes estamos aquí para ayudar.

Saludos.

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 15:52.