posicionar divs para IE y Firefox

maria jose c · #1 (**permalink**) 28/03/2008, 05:03

Hola a todos, tengo problemas con una web debido a que los divs no se posicionan correctamente en el firefox, mientras que en IExplorer se ve todo ("aparentemente") correcto. Me gustaria que alguien me ayudara, porque , creo que el problema está está en la definición de los divs, que se han realizado de la siguiente forma (os pongo un código aproximado, he obviado lo que hay dentro de cada div , para que se más entrendible):

<body class="pagina" onLoad="init()" oncontextmenu="return false">
<div class="ventana_principal">

<table width="700" border="0" cellspacing="0" cellpadding="0" >

<tr valign="top" >
<td>

<div id="cPorlet1" style="position:relative; left: 0px; top: 0px; width:370; height:50%; visibility: visible;">
</td>

<td>
<div id="cPorlet3" style="position:relative; left: 1px; top: 0px; width:320; height:190; visibility: visible;">
</td>
<tr>
<td>
<div id="cPorlet2" style="position:relative; left: 0px; top: -80px; width:370; visibility: visible;">
</td>
<td>
<div id="cPorlet4" style="position:relative; left: 1px; top: 16px; width:320; visibility: visible;">
</td>

</tr>
</table>

</div>

En realidad, se trata de un div que contiene varios divs y en el Firefox se montan unos divs encima de otros, lo que me hace pensar que

uokesita · #2 (**permalink**) 30/03/2008, 22:47

Por alli lei en las faqs que al hacer el css no es recomendable colocarle numeros a los selectores.

por ejemplo en vez de cPorlet1 colocar cPorletA. yo hice una prueba con mi hoja de estilo pues tambien tengo problemas con el posicionamiento de varios divs.
Hice ese cambio y para algunos divs me funciono pero para otros no. Prueba a ver que tal te va a ti..

ivanin87 · #3 (**permalink**) 31/03/2008, 01:46

Hola, yo creo que al meterlos dentro de las celdas de una tabla es lo que confunde al navegador, ¿la tabla la tienes que usar por narices? sino usa solo los divs y colocalos como tu quieras con float y margin.

Un saludo!