how do you satisfy firefox 3.5?

[richard]

http://www.1littleworld.net/code/show1.html

I've been racking my brains over and over trying to figure out how to get
FF to look like the IE version.

When you have nested divisions, each layer is supposed to be *SPLIT*
accordingly.
Apparently, this latest version of FF doesn't see it that way.
Look closely and you will see the yellow division in the FF version hiding
under the button.

Basically I have my code for each button part as:
<div style="clear:left; margin-bottom:1em; width:100%;">
<div style="float:left; width:10%;"><input type="submit" name="pick"
value="D"></div>
<div style="background:#ffa; width:98%;" ><?php print
$ask[$i][5]?></div>
</div>


What is 98%+10%? So what I see is, FF is basing the child div beginning on
the parent. NOT, as an equal partner. This is not right.

What's the proper fix to satisfy FF?

 

[rf]

http://www.1littleworld.net/code/show1.html

I've been racking my brains over and over trying to figure out how to get
FF to look like the IE version.

Firefox and IE do li elements differentlly. Especially if you are running IE
in quirks mode, which your previous pages have been doing. This basically
*ensures* that IE will get it wrong.

When you have nested divisions, each layer is supposed to be *SPLIT*
accordingly.

I don't see any divs at all, nested or otherwise. I see two jpgs. Where is
the URL to your real page.

And what do you mean by *SPLIT*? Where is the URL to your real page?

Apparently, this latest version of FF doesn't see it that way.
Look closely and you will see the yellow division in the FF version hiding
under the button.

Yes, FF will do that. That is what you have told it to do.

Basically I have my code for each button part as:
<div style="clear:left; margin-bottom:1em; width:100%;">
<div style="float:left; width:10%;"><input type="submit" name="pick"
value="D"></div>
<div style="background:#ffa; width:98%;" ><?php print
$ask[$i][5]?></div>
</div>


What is 98%+10%? So what I see is, FF is basing the child div beginning on
the parent. NOT, as an equal partner. This is not right.

Yes is it. It's just as "right" as the way IE does it. In fact it's probably
righter.

What's the proper fix to satisfy FF?

Do it differently, and avoid the different handling of li elements by the
two browsers.

 

[richard]

http://www.1littleworld.net/code/show1.html

I've been racking my brains over and over trying to figure out how to get
FF to look like the IE version.

When you have nested divisions, each layer is supposed to be *SPLIT*
accordingly.
Apparently, this latest version of FF doesn't see it that way.
Look closely and you will see the yellow division in the FF version hiding
under the button.

Basically I have my code for each button part as:
<div style="clear:left; margin-bottom:1em; width:100%;">
<div style="float:left; width:10%;"><input type="submit" name="pick"
value="D"></div>
<div style="background:#ffa; width:98%;" ><?php print
$ask[$i][5]?></div>
</div>


What is 98%+10%? So what I see is, FF is basing the child div beginning on
the parent. NOT, as an equal partner. This is not right.

What's the proper fix to satisfy FF?

Well I fixed the underlying problem with a float:left.
But now the container division for the button and text fall halfway out of
the master division.
IOW, the master division is not adjusting as it should.

 

[dorayme]

Basically I have my code for each button part as:
<div style="clear:left; margin-bottom:1em; width:100%;">
<div style="float:left; width:10%;"><input type="submit" name="pick"
value="D"></div>
<div style="background:#ffa; width:98%;" ><?php print
$ask[$i][5]?></div>
</div>

URL?

 

[rf]

Well I fixed the underlying problem with a float:left.
But now the container division for the button and text fall halfway out of
the master division.
IOW, the master division is not adjusting as it should.

You have an error on line 42.

If I could look at the page I could tell you exactly what the error is.

Engrave this on the dashboard of your truck: Give us a bloody URL?

 

[richard]

Basically I have my code for each button part as:
<div style="clear:left; margin-bottom:1em; width:100%;">
<div style="float:left; width:10%;"><input type="submit" name="pick"
value="D"></div>
<div style="background:#ffa; width:98%;" ><?php print
$ask[$i][5]?></div>
</div>

URL?

Just for you
http://www.1littleworld.net/code/z3.php
The code may not match for what I show here exactly.

 

[richard]

You have an error on line 42.

Hardly. The validator does not agree.

If I could look at the page I could tell you exactly what the error is.

http://www.1littleworld.net/code/z3.php

Engrave this on the dashboard of your truck: Give us a bloody URL?

www.bloodsuckingbloodyvampires.com

 

[rf]

Hardly. The validator does not agree.

The sarcasm is obviously beyond you.

http://www.1littleworld.net/code/z3.php

Just as I thought and we have alread covered this ground. Listen carefully.
Just to make sure you can hear I will shout.

YOU ARE RUNNING THE BROWSER IN QUIRKS MODE.

Now STOP DOING THAT.

Have a look at this, your file but with a proper doctype:

http://barefile.com.au/test/richard/z3.html

Don't forget to use IE.
See how it is much close to what it should be?

Now stop bloody wasting our time and fix your doctype. Right now.

BTW that other URL you provoded gives a server not found.

 

[dorayme]

Basically I have my code for each button part as:
<div style="clear:left; margin-bottom:1em; width:100%;">
<div style="float:left; width:10%;"><input type="submit" name="pick"
value="D"></div>
<div style="background:#ffa; width:98%;" ><?php print
$ask[$i][5]?></div>
</div>

URL?

Just for you
http://www.1littleworld.net/code/z3.php
The code may not match for what I show here exactly.

Why you cute little thing! What sort of truck do you have, big boy?

Put a margin on the non-float (after the floated buttons) like
margin-left: 11% and get rid of the width. And do all the other things
rf says.

 

[richard]

http://www.1littleworld.net/code/show1.html

I've been racking my brains over and over trying to figure out how to get
FF to look like the IE version.

Firefox and IE do li elements differentlly. Especially if you are running IE
in quirks mode, which your previous pages have been doing. This basically
*ensures* that IE will get it wrong.

When you have nested divisions, each layer is supposed to be *SPLIT*
accordingly.

I don't see any divs at all, nested or otherwise. I see two jpgs. Where is
the URL to your real page.

And what do you mean by *SPLIT*? Where is the URL to your real page?

Apparently, this latest version of FF doesn't see it that way.
Look closely and you will see the yellow division in the FF version hiding
under the button.

Yes, FF will do that. That is what you have told it to do.

Basically I have my code for each button part as:
<div style="clear:left; margin-bottom:1em; width:100%;">
<div style="float:left; width:10%;"><input type="submit" name="pick"
value="D"></div>
<div style="background:#ffa; width:98%;" ><?php print
$ask[$i][5]?></div>
</div>


What is 98%+10%? So what I see is, FF is basing the child div beginning on
the parent. NOT, as an equal partner. This is not right.

Yes is it. It's just as "right" as the way IE does it. In fact it's probably
righter.

What's the proper fix to satisfy FF?

Do it differently, and avoid the different handling of li elements by the
two browsers.

Ok then have a look at this one.
http://www.1littleworld.net/code/z4.html
Do note the !doctype.
FF *STILL* doesn't get it right.

 

[rf]

Ok then have a look at this one.
http://www.1littleworld.net/code/z4.html
Do note the !doctype.

Fucking finally!

FF *STILL* doesn't get it right.

RtS, how many times do we have to tell you this very simple fact: It is IE
that is getting it wrong. Not FF, not opera, not Safari, Not even my three
year old Opera. They are all getting it right and they all display your
pitifull little page exactly the same.

It is IE that is getting it wrong.

Listen again, carefully: It is MICROSOFT INTERNET EXPLORER THAT IS GETTING
IT WRONG.

The sooner you stop coding for IE and start coding for the real and proper
browsers out there, and to the standards, the better it will be for us who
have to answer you stupid little questions.

If you find you have coded something that works to your liking in all
browsers *except* IE then I, for one, may consider your question and provide
one of the often well known workarounds. If you continue to insist that it
is FF that is wrong then I, for one, will simply ignore you.

<checks code>

Bloody hell.

Why don't you go back to your table example. At least that way you will not
deplete the worlds supply of divs. There is, after all, only a finite number
of them available.

 

[Jonathan N. Little]

RtS, how many times do we have to tell you this very simple fact: It is IE
that is getting it wrong. Not FF, not opera, not Safari, Not even my three
year old Opera. They are all getting it right and they all display your
pitifull little page exactly the same.

It is IE that is getting it wrong.

Actually IE looks the same as all the others (IE8 that is...) Obviously
RtS is using IE7 or less...

 

[Harlan Messinger]

Actually IE looks the same as all the others (IE8 that is...) Obviously
RtS is using IE7 or less...

I have IE7 and the page looks to me exactly as in Firefox 3.5 EXCEPT for
where IE excludes the top margin on a P element when it is the first
item in its parent element and likewise for the bottom margin.

 

[richard]

Fucking finally!


RtS, how many times do we have to tell you this very simple fact: It is IE
that is getting it wrong. Not FF, not opera, not Safari, Not even my three
year old Opera. They are all getting it right and they all display your
pitifull little page exactly the same.

It is IE that is getting it wrong.

Listen again, carefully: It is MICROSOFT INTERNET EXPLORER THAT IS GETTING
IT WRONG.

The sooner you stop coding for IE and start coding for the real and proper
browsers out there, and to the standards, the better it will be for us who
have to answer you stupid little questions.

If you find you have coded something that works to your liking in all
browsers *except* IE then I, for one, may consider your question and provide
one of the often well known workarounds. If you continue to insist that it
is FF that is wrong then I, for one, will simply ignore you.

<checks code>

Bloody hell.

Why don't you go back to your table example. At least that way you will not
deplete the worlds supply of divs. There is, after all, only a finite number
of them available.

I have opera 9.6. Opera shows the same thing.
I showed the code as I did to show you that it is not a problem with the
coding. It is a problem with the item within that coding.

I couldn't tell you how many sites I looked at with the same problem.
The same question is asked in numerous forums, with nobody having a proper
solution.

The code is not *"for"* IE. There is nothing in that code that should not
be understood by any browser.

 

[richard]

I have IE7 and the page looks to me exactly as in Firefox 3.5 EXCEPT for
where IE excludes the top margin on a P element when it is the first
item in its parent element and likewise for the bottom margin.

<div class="big" > test
<input name="test" type="submit" value="A">
</div>

Now try that code as is in your favorite editor.
With no style, or with, the button is not contained in the division.

 

[Jonathan N. Little]

<div class="big"> test
<input name="test" type="submit" value="A">
</div>

Now try that code as is in your favorite editor.
With no style, or with, the button is not contained in the division.

Are you sure about that? We'll just set the background to show you that
you are incorrect.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>template</title>

<style type="text/css">
div.big { background: red; }
</style>

</head>
<body>
<div class="big"> test
<input name="test" type="submit" value="A">
</div>

</body>
</html>

 

[Harlan Messinger]

<div class="big" > test
<input name="test" type="submit" value="A">
</div>

Now try that code as is in your favorite editor.
With no style, or with, the button is not contained in the division.

Uh--yeah, it is.

 

[Doug Miller]

http://www.1littleworld.net/code/show1.html

I've been racking my brains over and over trying to figure out how to get
FF to look like the IE version.

I expect that's part of your problem. You're designing the site using a
non-standards-compliant browser, then trying to make it display properly in a
brower that *is* [mostly] standards-compliant.

Instead, do all your design in Firefox. Then tweak as needed so it looks right
in IE. *Much* less work.

 

[Raymond Schmit]

http://www.1littleworld.net/code/show1.html

I've been racking my brains over and over trying to figure out how to get
FF to look like the IE version.

I expect that's part of your problem. You're designing the site using a
non-standards-compliant browser, then trying to make it display properly in a
brower that *is* [mostly] standards-compliant.

Instead, do all your design in Firefox. Then tweak as needed so it looks right
in IE. *Much* less work.

I agree with you. The easy way is to ask: "How do you satify IE8" ...
the answer is: "Do errors "