Hi,

i am from México, and this of CSS is new for me, actually i am developing a web page, and i want to do it all in CSS and the page is pretty good, but when i see my page in Mozilla Fire Fow i have a little problem with the top menu of the page.

the link of the page i am developing is: Laboratorios Chontalpa

i hope you can help me, i want that my page look good in both, IE and Mozilla FireFox

Thanxs a lot

(this is the first page i develop using CSS, and i like it :D)

The entire page looks nice but you have developed a major case of “DIVitis”

Its a fairly well known condition where every page element is nested inside a div. P, OL, LI and other elements are very rare to non existent.

Otherwise, looks nice.

Jep, way to many DIV’s, do clean up you’re code.

Use the Firefox JavaScript-console (menu Extra)  to find some major mistakes in you’re stylesheet. Also in IE it doesn’t look good , the menu is on the bottom of the page.

While developing and testing, give you’re DIV’s some borders, so you can see where its going wrong, (border: solid 1px #000000 ;).

DCF - 02 September 2007 07:53 AM

Jep, way to many DIV’s, do clean up you’re code.

Use the Firefox JavaScript-console (menu Extra)  to find some major mistakes in you’re stylesheet. Also in IE it doesn’t look good , the menu is on the bottom of the page.

While developing and testing, give you’re DIV’s some borders, so you can see where its going wrong, (border: solid 1px #000000 ;).

Thanxs :D, i will do that…

I looked at your source and found 33 divs, 0 spans and 0 paragraphs. I also looked at your page in three browsers - IE6, Opera 9.1 and Firefox 1.5.0.11.  The latter two do a pretty good job but IE6 gets page layout all wrong.  Your overuse of divs is part of the problem. Also, I note that you are using the transitional DTD. Perhaps you should consider a redesign that is lighter on divs, use the strict HTML 4 DTD… .

Having said all that I hasten to add that the page actually looks quite neat - you just have to ensure it always works.