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 tiene como finalidad la de contribuir al desarrollo
físico, afectivo, social 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>Asimismo, en el segundo ciclo, la acción
tutorial orientará el proceso educativo individual y colectivo del
alumnado. Para ello, cada 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 caso, en 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 apoyados, en 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 {
margin: 5px auto 10%;
position: relative;
clear: both;
width: 85%;
height: 385px;
}
ul#tabs_etapas {
position: absolute;
z-index: 20;
text-align: center;
height: 500px;
width: 150px;
margin-top: 18pt;
}
ul#tabs_etapas li {
background-repeat: repeat;
background-attachment: scroll;
background-position: left -48px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
width: 145px;
margin-bottom: 15px;
height: 55px;
}
ul#tabs_etapas li.actual {
background-repeat: no-repeat;
width: 145px;
height: 55px;
}
ul#tabs_etapas li a {
background-attachment: scroll;
display: block;
text-decoration: none;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 27px;
background-repeat: no-repeat;
background-position: left top;
width: 145px;
height: 55px;
}
ul#tabs_etapas li.actual a {
background-attachment: scroll;
cursor: default;
color: white;
background-repeat: no-repeat;
background-position: left top;
line-height: 27px;
width: 145px;
height: 55px;
}
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;
}
div#panel_etapas #paneles_etapas div {
margin: 10px;
font-family: arial;
font-size: 12px;
text-decoration: none;
color: #000000;
overflow: auto;
height: 370px;
width: 97%;
}
div#panel_etapas #paneles_etapas p {
margin: 0px 0 0;
font-family: Tahoma,Arial,Helvetica,sans-serif;
color: black;
font-size: 125%;
}
div#panel_etapas #paneles_etapas h2 {
margin: 0px 0 0;
font-family: Tahoma,Arial,Helvetica,sans-serif;
color: #6ca6cd;
font-size: 150%;
}
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?
