Email conversation
| From | Anonymous |
|---|
| To | Me |
|---|
| Subject | Problem with "Nested list collapsing script" in Firefox |
|---|
| Date | 25 September 2005 19:36 |
|---|
Hi,
Could you help me out please, because I'm out of ideas.
I want to use your "Nested list collapsing script" for my website and it
works perfectly in IE6, but the buttons are all screwed up when I view the
website in Mozilla Firefox 1.07. The buttons are huge: some have a height of
468 and others of 112 pixels in stead of 32 pixels and the width is 6 pixels
too big.
The website is still under construction and not officially online but I
uploaded parts of it so you could see it:
[URL]
If you don't get the same problem, you can view a screenshot here:
[URL]
I've been getting this problem even before I began modifying the code to
suit my purposes, so I don't think I caused it ;-) Have you encountered
this before? Do you have any clues how I could fix it? There must be a fix
because your site doesn't have any problems in Firefox. I just uploaded your
page and now it has the same problems?! Am I missing part of the code?
[URL]
Thanks in advance for your help and thanks for your great scripts.
Anonymous
| From | Me |
|---|
| To | Anonymous |
|---|
| Subject | Re: Problem with "Nested list collapsing script" in Firefox |
|---|
| Date | 25 September 2005 19:47 |
|---|
Anonymous,
> I want to use your "Nested list collapsing script" for my website and
> it works perfectly in IE6, but the buttons are all screwed up when I
> view the website in Mozilla Firefox 1.07. The buttons are huge: some
> have a height of 468 and others of 112 pixels in stead of 32 pixels
> and the width is 6 pixels too big.
http://www.howtocreate.co.uk/sendEmail.php#testbrowsers
| From | Anonymous |
|---|
| To | Me |
|---|
| Subject | Re: Problem with "Nested list collapsing script" in Firefox |
|---|
| Date | 25 September 2005 20:04 |
|---|
Damn your fast and tough! lmao
I'm delighted to inform you that 2 more computers have now got Opera 8.5
installed. I tested my menu and it worked perfectly. No error messages to
show you. So I tried the dreadful IE, a gecko based engine and the lovely
Opera. Did I comply to all your wishes or is there something else I need to
do?
Thanks,
Anonymous
| From | Me |
|---|
| To | Anonymous |
|---|
| Subject | Re: Problem with "Nested list collapsing script" in Firefox |
|---|
| Date | 25 September 2005 20:29 |
|---|
Anonymous,
> Damn your fast and tough! lmao
firm but fair :)
> I'm delighted to inform you that 2 more computers have now got Opera
> 8.5 installed. I tested my menu and it worked perfectly. No error
> messages to show you. So I tried the dreadful IE, a gecko based
> engine and the lovely Opera. Did I comply to all your wishes or is
> there something else I need to do?
That is almost a pity, because it is usually easier to debug problems in
Opera. But oh well, never mind, I have found the cause of the problem.
> view the website in Mozilla Firefox 1.07. The buttons are huge: some
> have a height of 468 and others of 112 pixels in stead of 32 pixels
> and the width is 6 pixels too big.
Your problem;
You saved the page using Internet Explorer. I recommend you never save a
page using Internet Explorer again :)
IE sucks. When it comes across some CSS in the page, not only does it
reformat it into invalid ugly CSS, it also chokes when it finds some CSS
that it does not understand. It removes the selectors and converts them to
UNKNOWN - meaning that the page does not work properly in other browsers any
more. I could probably suggest something about "monopoly" but let's
concentrate on fixing the problem.
Get a new unbroken copy of the CSS. That is all.
The specific part that IE screwed up is this:
ul > li { display: list-item; }
li > a { width: auto; height: auto; }
since it does not understand the > selector. Those are used to fix an IE
mouseover bug. Unfortunately, when IE removes them, the "fix" is also
applied to browsers that do not need it.
In Opera, this means that it uses "height: 100%" where 100% is 100% of auto
- computed to auto. So it looks perfect. In Firefox, the 100% is computed as
100% of auto, which it then incorrectly walks up the hierarchy until it
finds something with fixed dimensions, and then it uses those to calculate
the height, getting it completely wrong.
So to summarise;
A fix for an IE bug, which IE then breaks when you save the page, that in
turn picks up on a bug in Firefox. neat huh? ;)
Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/
| From | Anonymous |
|---|
| To | Me |
|---|
| Subject | Re: Problem with "Nested list collapsing script" in Firefox |
|---|
| Date | 25 September 2005 20:38 |
|---|
Thank you so much! I'm gonna try to fix it with your pointers.
I was very curious what caused it and I'm surprised. I thought IE did it
right and Firefox messed it up. I'm beginning to understand why people hate
IE so much and love Firefox. It's just hard to discover the truth when
you're not a script wizard like yourself...
Keep up the good work ;-))
Bye,
Anonymous
| From | Anonymous |
|---|
| To | Me |
|---|
| Subject | Form Validation script |
|---|
| Date | 29 September 2005 21:27 |
|---|
Hi again,
You'll be surprised to know that I don't have a problem, but I wanted to run
something by you. I'm using your Form Validation script and I noticed that
it didn't allow my own last name cause it has a space in it (van Roon). I
started fiddling with the script and the code you added to allow a hyphen
really helped. I just copied that and replaced the hyphen with a space. It
now allows several hyphens and spaces, which is often needed in Dutch and
also German last names that use "van", "von" or "van der" between their
first and last name.
I don't know if this is the most efficient notation, but perhaps you could
rewrite it and put a script on your site with hyphen and space support.
Talk to you later,
Anonymous
| From | Anonymous |
|---|
| To | Me |
|---|
| Subject | Re: Form Validation script |
|---|
| Date | 30 September 2005 15:47 |
|---|
thanks, I see your version has got all possibilities covered ;-))