Entrar

se desplaza la 3ª columna en firefox

gaizka_30 · · Solicitar retirada
Buenas ,

Despues de hacer este pedazo de curso en html , me decidi a hacer mi pagina y al verla en firefox todo iva bien menos menos una parte en la que salen 3 columnas horizontalmente , en ie se ven bien pero en firefox 2 se montan una encima de otra y la 3ª sale abajo a la izquierda os ponga el index y el css a ver si me podeis echar una mano que me esta volviendo loco.
muchas gracias.

la zona del index seria asi:

<ul>
<div id="columnaizq">
aqui van los enlaces con <li></li>
</div>

<div id="columnacentro">
aqui van los enlaces con <li></li>
</div>

<div id="columnaderecha">
aqui van los enlaces con <li></li>
</div>

</ul>
</div>

y la hoja de estilos seria asi:

* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
body {background: url(objetos/cascada.jpg) no-repeat;}
#global {width:900px; margin:4px auto;}




#navegacion {height:20px;width:900px;}
#navegacion li {float:left;list-style:none;margin:0px 10px 0px 10px;}



#contenido {width:900px;float:left;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}




#menu h1 {text-decoration:none; font-size:10px;}
#menu {width:150px; float:left;text-aling:left; margin:10px 10px 10px 10px;}
#menu li {list-style:none;margin:4px 0px 4px 6px;}
a {color:brown; font-size:1.3em; text-decoration:none;display:block;}
a:link {}
a: visited {}
a:hover {color:red ; text-decoration:underline;}
a:active {}

p {text-align:center;}

#columnaizq {float:left;width:250px;margin:4px 4px 4px 4px;}
#columnaderecha {top:100px;position:absolute;float:right;width:250px;}
#columnacentro {float:center;width:250px;}


#columnaizq li {list-style:none;}
#columnacentro li {list-style:none;}
#columnaderecha li {list-style:none;}

#camlist {width: 600px; text-decoration:none; font-size:12px;color:black; text-align: left;}

#camlist a {color:black;text-aling:left;}
#camlist a:link {}
#camlist a:visited {}
#camlist a:hover {color:blue;}
#camlist a:active {}

Agradezco muchisimo una ayuda,gracias.
ricky · · Solicitar retirada
Pon el index completo para saber que elementos rodean esa seccion, en lo que pusiste esta mal, rodear divs en la etiqueta <ul>
gaizka_30 · · Solicitar retirada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>xxxx</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>

<div id="global">

<div id="cabecera">xxxxxxxx</div>

<div id="navegacion">
<ul>
<li><a href="../index.html"><img alt="home (6K)" src="../objetos/home.jpg" height="75" width="75" /></a></li>
</ul>

</div>

<!--FIN DE CODIGO DE CABECERA-->



<!--FIN DE CODIGO DE MENU LATERAL IZQUIERDO-->

<div id="camlist">

<ul>
<div id="columnaizq">
<li><a izq="&nbsp;"der="&nbsp;"title="AP-8 dir.Cantabria" href="http://212.142.133.29/camaras/cam209.jpg?t=7390031">AP-8 dir.Cantabria</a></li>

</div>

<div id="columnacentro">

<li><a izq="&nbsp;"der="&nbsp;"title="Enlace Portugalete/Sestao/Ortuella/Trapagaran" href="http://212.142.133.29/camaras/cam211.jpg?t=7390031">Portugalete/Sestao/Ortuella/Trapagaran</a></li>

</div>

<div id="columnaderecha">

<li><a izq="&nbsp;"der="&nbsp;"title="Peaje Kadagua 2" href="http://212.142.133.29/camaras/cam234.jpg?t=7390031">Peaje Kadagua 2</a></li>

</div>

</ul>
</div><!---------------------------------------------------------------------->
<!--fin codigo camaras-->



<!---------------------------------------------------------------------->


<!--FIN CODIGO CENTRAL-->


<div id="pie">xxxxxx</div>

<!--FIN CODIGO PIE DE PAGINA-->



</div> <!--fin de div global-->

</body>
</html>
ricky · · Solicitar retirada
Amigo por mas que miro no logro entender que quieres... mira como me sale:

[contenido no disponible]

-----------------------------

[contenido no disponible]

-----------------------------

[contenido no disponible]

----------------------------

Tienes una url?
gaizka_30 · · Solicitar retirada
No tengo todabia colgada la pagina la estoy haciendo, es un poco precaria lo se, pero el tema era ese, eso son enlaces a camaras de trafico , lo que quiero es hacer es poner 3 columnas listando los enlaces de las camaras de trafico y al poner mas enlaces , con ie se ven bien las 3 columnas pero con firefox se superponen la segunda con la tercera o salen una debajo de otra...y no tengo ni idea de porque es . Por mas que intento entender el motivo no doy con ello.

Muchas gracias
Yaneth · · Solicitar retirada
hola
el ul debe ir siempre detro de div

<div><ul><li></li></ul></div>

no puedes abir un ul, fuera de un div, y menos meter divs dentro de ul
asi que, ajusta eso, que en varios divs tienes li sin ul, y ul sin cerrar

saludos