FireFox 16px gap between DIVs problem

views:

101

answers:

+2 Q:

FireFox 16px gap between DIVs problem

My website renders correctly in Chrome but it shows a 16px gap, between divs, in FF. What could be wrong here?

Link to Application: http://simateriaisportal.appspot.com (Conta -> Dashboard).

The code i posted before was working correctly, the problem comes when content (dashboard) is filled dynamicaly

+3 A:

Have you tried to use firebug to find out where the padding is coming from?

2010-06-27 06:19:12

yes, but there is no extra padding. DIV height is bigger than its content heigth. i suppose.

rafaelcidade 2010-06-27 06:25:17

+2 A:

What you've posted here renders similarly in Chrome and Firefox. That points to YUI Base or YUI Reset (or something else outside of this code).

Also, the Firefox render has extra space at the top & bottom of the white rows and at the top of the table itself. So, it's not just about a div.

George Marian 2010-06-27 06:39:46

This code itself (as a static html) works correctly.The problem appears when used as a dynamic content

rafaelcidade 2010-06-27 07:09:13

How is anyone supposed to answer the question, if what you've posted here works correctly?

George Marian 2010-06-27 07:41:38

George, actually you are right. So i'll add the appspot application link to this post.

rafaelcidade 2010-06-27 21:27:33

Have you made changes? It's working now. (Just as I noticed some crazy large height values...)

George Marian 2010-06-27 22:56:31

Yes i have. Its working, but i still want to do some tests in order to mark this topic as closed.

rafaelcidade 2010-06-27 23:54:08

Great! Make sure to update the post with the resolution. I'd really like to know. I think I was getting there when you fixed it. :)

George Marian 2010-06-27 23:58:04

We parsed an AJAX response and appended dynamics css and scripts to the document header and other content to a center div. it was a fairly complex solution we did while trying to make things work in IE. Now everything is gone and all content from the AJAX response is set to a center div thorugh the innerHtml property. It still doesn't work in IE but does work in chrome, firefox and opera.

rafaelcidade 2010-06-28 00:59:14

OIC. Thanks for detailed info. One more question: Was it showing up in Firebug?

George Marian 2010-06-28 19:05:16

no it was not...

rafaelcidade 2010-07-21 03:02:08

Don't really know what to look for in your link, but, you div "panelDB" has a padding of 5px top and bottom, and you table inside it has a margin of 10px top and bottom... seems to be what you're talking about... remove does two and your good to go :)

Zuul 2010-06-27 22:07:20

It isn't an extra padding or margin problem.There is something wrong when the content is filled (in FF).

rafaelcidade 2010-06-27 22:19:54

You need to clarify exactly whats happening for us to help you! speak loosely my friend :) How is that content filled? Ajax? Php DB Query?

Zuul 2010-06-27 22:56:36

He's edited the OP quiet heavily. Some of the details are no longer there.

George Marian 2010-06-27 22:58:44

Looks like you got it working; you should post the solution and mark it as the answer. Maybe we can all learn something.

JohnB 2010-07-20 04:02:10

ansaurus

tags:

views:

answers:

FireFox 16px gap between DIVs problem

related questions