Problemas en Firefox e IE

[poonkrocker]

Mi problema es el siguiente: Diseñé mi sitio web únicamente en CSS, escapando a diseñar con tablas html; error que ya cometí otras veces, y me costó solucionar al pasarlo a CSS. Bueno, utilizo Google Chrome o Flock, y en estos navegadores no tengo ningún problema. El problema es que al probar la web con Firefox e IE se desarregla todo, las divs se posicionan en cualquier lado, se enciman, en otras palabras, el sitio no sirve.

El sitio web es www.derucula.com.ar y el css está en www.derucula.com.ar/index.css
Desde ya agradezco su ayuda, no se que puede llegar a ser.

[ArturoGallegos]

para empezar no publiques mas de un post con el mismo tema y contenido

bien pues viendo tu sitio, tienes varias cosas que mejorar pero va aquí tienes un parchesote.
modifica las siguientes id

Código CSS:

/*Agregar overflow:hidden*/#cabecera {width: 932px;height: 110px;overflow:hidden;background-color: #FFF;text-align: center;float: inherit;}
/*Agregar float:left*/#menu {width: 530px;height:30px;float: left;}
/*Agregar clear */#cuerpo {clear:both; width: 925px;height: 585px;}
 

[jomaruro]

Hola:

Parte del problema lo tienes aquí:

Código HTML:

<div id="menu" align="right">
<ul class='menu'>
  <li><a href='http://derucula.com.ar' class='active' target='_self'><span>&nbsp;&nbsp;&nbsp;Home&nbsp;&nbsp;&nbsp;</span></a></li>
  <li><a href='http://derucula.com.ar/restaurantes.html' target='_self'><span>Restaurantes</span></a></li>
  <li><a href='http://derucula.com.ar/vinerias.html' target='_self'><span>&nbsp;Vinerias&nbsp;</span></a></li>
  <li><a href='http://derucula.com.ar/eventos.html' target='_self'><span>&nbsp;Eventos</span></a></li>
  <li><a href='http://derucula.com.ar/registro.php' target='_self'><span>Registrate</span></a></li>
 
</ul></div>
 

Tienes definido un div con id=menu y al mismo tiempo una lista con class=menu. El id debe ser único, es decir no puede repetirse y tu tienes un id y una class con el mismo nombre. Modifica eso y la cosa cambiará.

Saludos.

[ArturoGallegos]

compañero jomaruro igual nada que ver con la problemática del compañero... pero dispense la ignorancia ?¿ yo no encuentro una problemática en declarar una id="menu" y después un class="menu"

mmmm no encuentro en que o como puedan crear conflicto entre si, muy cierto que no puede declarar id="menu" y mas abajo vuelva a colocar id="menu" ?¿ pero un class="menu"

?¿ mi no entender ?¿

[jomaruro]

Hola:

Bueno, sinceramente no sabría responderte pero usando el firebug de FF le he cambiado el nombre a la clase y la he modificado en el css, automáticamente los div se colocaron en su sitio (mas o menos, claro, dependerá de los ajustes que necesite poonkrocker).

Haz la prueba.

Saludos.

[ArturoGallegos]

jeje pues coincido en que el problema radica en el menú... igual abría que revisarlo mas a fondo,
pero nunca e visto o me he percatado que se genere algún problema por usar una clase y id con el mismo nombre (obviamente la id sin repetirla en el html).

de echo para el caso del compañero con colocar un float:left; al id="menu" todo regresa a su lugar dejando un pequeño espacio en blanco bajo el header cosa que con un overflow:hidden en la id="cabecera" se corrige.

[Orantx]

Hola yo tambien te he visto un par de fallitos... En el pie de pagina
bottom y bottonmenu añade clear:both; para que se te ponga abajo

Las tres columnas las pones float left y consigues que facebook y top5 se pongan una al lado de otra pero no consigo que destacado se me ponga al mismo nivel sera por los width mira a jugar con sus posiciones y sus anchos

[poonkrocker]

Muchas gracias a todos, pensé que el tema ni si quiera se había publicado, porque cuando intentaba hacerlo solo me daba error. Probaré sus correcciones, les agradezco.