[TYPO3] very odd prblem with menu!!

[Christopher]

Hi Dave,

On 6/29/06, dave ashton <dave at bassmedia.net> wrote:
> Hi,
>
> I have this site - http://vanillastormdev.co.uk/index.php?id=49
>
> Basically, you can only click in an input box, when the cursor arrow is dead
> on the top  line of the input box. You can't just click in the box!!!

[Psst...this is not really a Typo3 problem...]

I can't give you a quick solution, but I can tell you what the cause
of the problem is and plug a useful free tool to help you figure it
out.

The problem is in your css--you've got some absolutely positioned
stuff sitting OVER the form controls. Ever try to reach through a
closed car window? That's what's happening here. You may be able to
fix it by specifying a 'stack order' using the 'z-index' property [1],
[2] on the absolutly positioned elements (i.e. you can specify which
elements are 'on top' and which ones are 'underneath').

Now for the useful tool (if you're not already using Firefox for
development, this is a good enough reason to start...I guess you are
though, because the problem is not present in IE Windows): the Web
Developer toolbar [3]. You can use this to outline positioned objects
and also to show the id or class information for objects. This should
give you a pretty good way of determining which objects are causing
the problem. Incidentally, there is a similar (though much inferior)
tool available for Internet Explorer [4].

Last of all, you may want to reduce your reliance on absolute
positioning for laying out the page as a whole--since absolutely
positioned elements are removed from the document flow, your layout
does not resize when the main content is larger than the space that's
visible between absolutely positioned elements. Have a look at your
site in IE Windows to see what I mean.


-Christopher


[1] http://www.w3.org/TR/CSS21/visuren.html#z-index
[2] http://www.w3.org/TR/CSS21/zindex.html
[3] https://addons.mozilla.org/firefox/60/
[4] http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en