Div position

[victor123]

Hi,

I have several divs in a page and some of them are superposed so i use z-index=0 for the one at the very botton and z-index=1 for the ones that have to be over it.
In IE6 it works fine, but not in Mozilla. Can somebody please suggest a way of displaying them ok in both browsers? (it could be solver by positioning the div that goes at the bottom the first one in the code, but i wonder if it could be done in some other way).

Thanks in advance.

[gesf]

Hey vitor123, can you show us the CSS class (or passed style you're using) for that divs ?
It will be easier for us to see what's wrong.

[victor123]

The part of the code is:

Code: Select all

<td valign="top">
    <div style="position:relative; top:10px; left:10px;">
      <div style="position: relative; top:50px; left:310px; z-index=1;"><a href="quienes.php" class="e_textoEntrada">Qui&eacute;nes somos</a></div>
      <div style="position: relative; top:50px; left:160px; z-index=1;"><img src="<?php echo $dir_imagenes;?>quienes.gif"></div>
      <div style="position: relative; top:70px; left:280px; z-index=1;"><a href="servicios.php" class="e_textoEntrada">Servicios</a></div>
      <div style="position: relative; top:70px; left:90px; z-index=1;"><img src="<?php echo $dir_imagenes;?>quienes.gif"></div>
      <div style="position: relative; top:90px; left:210px; z-index=1;"><a href="presupuestos.php" class="e_textoEntrada">Presupuestos</a></div>
      <div style="position: relative; top:90px; left:50px; z-index=1;"><img src="<?php echo $dir_imagenes;?>quienes.gif"></div>
      <div style="position: relative; top:110px; left:125px; z-index=1;"><a href="admin.php" class="e_textoEntrada">Administraci&oacute;n</a></div>
      <div style="position: relative; top:110px; left:20px; z-index=1;"><img src="<?php echo $dir_imagenes;?>quienes.gif"></div>
      <div style="position: relative; top:130px; left:190px; z-index=1;"><a href="contactar.php" class="e_textoEntrada">Contactar</a></div>
      <div style="position: relative; top:130px; left:5px; z-index=1;"><img src="<?php echo $dir_imagenes;?>quienes.gif"></div>
      <div style="position: relative; top:-60px; left:250px; z-index=0"><img src="<?php echo $dir_imagenes;?>imagenentrada.gif"></div>
  </div>
</td>

The div with z-index=0 is the one that has to appear below all the others...

Thanks

[SummerBoyZz]

My DIV tag display in different position in IE and Mozilla too ? Maybe it is like that .

[willyamPax]

sometime its not like that...maybe its the margins...
my teacher said to me before that its the margins..
coz IE and mozilla handles marging differently....
thats why i use clearmargins in javascript..
in css/html just 0 ur margins...coz each browsers use their default margin