unexpected spaces, unclickable elements

[yawnmoth]

I'm having some problems with the CSS on the following page:

http://www.frostjedi.com/terra/scripts/graemlin2.html

First, in Firefox, there's unwanted space between the #header div and
the #main div. The following image better demonstrates this problem:

http://www.frostjedi.com/terra/dev/ie-vs-fox-1.jpg

I prefer IE's rendering.

Second, the space between #property div and the divs above and below is
larger in IE than it is in Firefox. The following image elucidates
what I mean by this:

http://www.frostjedi.com/terra/dev/ie-vs-fox-2.jpg

To eliminate these spaces, I've tried playing around with the padding
and margin attributes of the varrious divs, to no avail. I've also
noticed that removing the all of the html that composes the #properties
div solves the first problem, so both problems may well be related
(although I can't see how).

The third problem inolves the color selection bar (which will be better
placed once the above two problems are solved) - I'm positioning it,
absolutely, over some other stuff, but... I think in doing so, it's
sorta being made a higher layer than the other stuff. Thus, nothing is
clickable. I don't mind stuff not being clickable that's directly
underneath it, but I would like to make it so that I can click in the
textarea and type in text (which I can't currently do in Firefox).
Anyway, any help would be appreciated - thanks!

[Ali Babba]

yawnmoth wrote:

I'm having some problems with the CSS on the following page:

http://www.frostjedi.com/terra/scripts/graemlin2.html

First, in Firefox, there's unwanted space between the #header div and
the #main div. The following image better demonstrates this problem:

http://www.frostjedi.com/terra/dev/ie-vs-fox-1.jpg

I prefer IE's rendering.

Second, the space between #property div and the divs above and below is
larger in IE than it is in Firefox. The following image elucidates
what I mean by this:

http://www.frostjedi.com/terra/dev/ie-vs-fox-2.jpg

To eliminate these spaces, I've tried playing around with the padding
and margin attributes of the varrious divs, to no avail. I've also
noticed that removing the all of the html that composes the #properties
div solves the first problem, so both problems may well be related
(although I can't see how).

The third problem inolves the color selection bar (which will be better
placed once the above two problems are solved) - I'm positioning it,
absolutely, over some other stuff, but... I think in doing so, it's
sorta being made a higher layer than the other stuff. Thus, nothing is
clickable. I don't mind stuff not being clickable that's directly
underneath it, but I would like to make it so that I can click in the
textarea and type in text (which I can't currently do in Firefox).
Anyway, any help would be appreciated - thanks!

maybe you could reproduce your problem in a sample page, without the
many rings and bells around.

[yawnmoth]

Ali Babba wrote:

yawnmoth wrote:
<snip>

maybe you could reproduce your problem in a sample page, without the
many rings and bells around.

if the problem was one that could be solved by adding a single
attribute to some field that, although not obvious to me, was obvious
to someone, isolating the problem would be unnecessary. i take it from
your response, however, that the problem isn't so easy to solve, given
the page...

[Ali Babba]

yawnmoth wrote:

Ali Babba wrote:

yawnmoth wrote:
<snip>

maybe you could reproduce your problem in a sample page, without the
many rings and bells around.

if the problem was one that could be solved by adding a single
attribute to some field that, although not obvious to me, was obvious
to someone, isolating the problem would be unnecessary. i take it from
your response, however, that the problem isn't so easy to solve, given
the page...

easy or not .. i (and probably more) dont feel like disecting your page
to get to the problem, this part you can do yourself.

[yawnmoth]

Ali Babba wrote:

yawnmoth wrote: easy or not .. i (and probably more) dont feel like disecting your page to get to the problem, this part you can do yourself.

disections are not the best way to solve every problem. an example of
such a problem is a missing semi-colon in a C++ program. so when i
said that the problem may have been easy to fix i meant easy as in a
disection would be simply and unnecessarily extrevagant. atleast imho.
never-the-less, i'll see what i can whip up, later today.

[yawnmoth]

Ali Babba wrote:

yawnmoth wrote: easy or not .. i (and probably more) dont feel like disecting your page to get to the problem, this part you can do yourself.

disections are not the best way to solve every problem. an example of
such a problem is a missing semi-colon in a C++ program. so when i
said that the problem may have been easy to fix i meant easy as in a
disection would be simply and unnecessarily extrevagant. atleast imho.
never-the-less, i'll see what i can whip up, later today.

[yawnmoth]

Ali Babba wrote:

yawnmoth wrote: easy or not .. i (and probably more) dont feel like disecting your page to get to the problem, this part you can do yourself.

disections are not the best way to solve every problem. an example of
such a problem is a missing semi-colon in a C++ program. so when i
said that the problem may have been easy to fix i meant easy as in a
disection would be simply and unnecessarily extrevagant. atleast imho.
never-the-less, i'll see what i can whip up, later today.