Problems with width of input / CSS

[Peter Pfannenschmid]

Dear all,

my question is concerning the following html page:

http://www.omeganet.de/test/test.shtml

Could anybody tell me why the text input box (the fourth element) is
wider than the other elements if the page is displayed in IE6 and
latest Mozilla? If displayed in Opera, the input box is as wide as the
other elements - as it should be.

Thank you very much,

Peter

[Alan J. Flavell]

Re: Problems with width of input / CSS

On Sun, 11 Jan 2004, Peter Pfannenschmid wrote:
[color=blue]
> my question is concerning the following html page:
> http://www.omeganet.de/test/test.shtml[/color]

It's rude to ask people to spend time investigating problems with a
page before you've got it to pass validation.
[color=blue]
> Could anybody tell me why the text input box (the fourth element) is
> wider than the other elements if the page is displayed in IE6 and
> latest Mozilla?[/color]

Sounds like the usual box-model issue, but I'm unwilling to look
closer till validation has been sorted out.
[color=blue]
> If displayed in Opera, the input box is as wide as the
> other elements - as it should be.[/color]

"Should" it? I would reserve judgment on that.

I'd recommend using visible borders etc. so that you can see how the
box model is working. My own notes on that are here

http://ppewww.ph.gla.ac.uk/~flavell/www/layout-diag.html

But the first priority would be to sort out the validation issues.

And then the usual litany, for pages intended for the WWW:

- don't specify font sizes in pt units (use em or percent)
- don't include verdana in font specifications
- if you specify a background colour then specify a text colour
*at the same specificity*, and vice versa. I.e always specify
either both together, or neither.

In short, you would get better results by reading this group before
posting to it.

[MH]

Re: Problems with width of input / CSS

> > my question is concerning the following html page:[color=blue][color=green]
> > http://www.omeganet.de/test/test.shtml[/color][/color]
[color=blue]
> It's rude to ask people to spend time investigating problems with a
> page before you've got it to pass validation.[/color]

It's rude to tell that to people the way you do... and I find it is typical
for this newsgroup.

What you mean is this; Peter; sort this out first;

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.omeganet.de%2Ftest%2Ftest

..shtml
[color=blue]
> In short, you would get better results by reading this group before
> posting to it.[/color]

Then why are you (AJF) posting at all?

-------
MH

[Stanimir Stamenkov]

Re: Problems with width of input / CSS

[Followup set to comp.infosystem s.www.authoring.stylesheets]

Peter Pfannenschmid wrote:
[color=blue]
> my question is concerning the following html page:
> http://www.omeganet.de/test/test.shtml
>
> Could anybody tell me why the text input box (the fourth element) is
> wider than the other elements if the page is displayed in IE6 and
> latest Mozilla? If displayed in Opera, the input box is as wide as the
> other elements - as it should be.[/color]

You should realise that the 'width' property specifies the content
width and not the box width which includes any margin, border and
padding in addition.

Read all about the CSS "Box Model" [1] and "Visual formatting model
details" [2]. You may read the "Visual formatting model" [3]
section, too.
__

[1] http://www.w3.org/TR/CSS21/box.html
[2] http://www.w3.org/TR/CSS21/visudet.html
[3] http://www.w3.org/TR/CSS21/visuren.html

--
Stanimir

[Eric Bohlman]

Re: Problems with width of input / CSS

"MH" <nomail@nowhere .no> wrote in
news:bts01a$f2p $1@news1.tilbu1 .nb.home.nl:
[color=blue][color=green][color=darkred]
>> > my question is concerning the following html page:
>> > http://www.omeganet.de/test/test.shtml[/color][/color]
>[color=green]
>> It's rude to ask people to spend time investigating problems with a
>> page before you've got it to pass validation.[/color]
>
> It's rude to tell that to people the way you do... and I find it is
> typical for this newsgroup.
>
> What you mean is this; Peter; sort this out first;
> http://validator.w3.org/check?uri=ht...et.de%2Ftest%2
> Ftest .shtml[/color]

Good idea, but Alan's point still stands. Validation of HTML source can be
performed by a machine whose "intelligen ce" couldn't even hope to come up
to that of an orangutan. And that means that asking apes who evolved more
recently than orangutans (e.g. humans) to debug invalid HTML is in fact
rather insulting. This is a forum populated by volunteers whose time isn't
free. Those of us who are willing to offer advice do so with the
understanding that all problems that could be detected by someone with less
intelligence than the average human have in fact been detected and
corrected. Believe it or not, that amounts to nothing more than treating
typical humans with respect; it would be awfully disrespectful to assume
that a poster was incapable of validating his HTML. An old song by the
Staples Singers comes to mind...

[Andrew Thompson]

Re: Problems with width of input / CSS

"Eric Bohlman" <ebohlman@earth link.net> wrote in message
news:Xns946D7CA A176C7ebohlmano msdevcom@130.13 3.1.4...
| ..An old song by the
| Staples Singers comes to mind...

Which one?

Let's Do it Again - noobs
Use What You Got - use the validator
People Get Ready - use the validator
Why Am I Treated So Bad - Applicable to anybody
in the conversation who feels hard done by.
Getting too Big for Your Britches - .....
Gotta Serve Somebody - Which ..we don't,
but sometimes it seems like it.
Simple Man - ....

;-)

--
Andrew Thompson
* http://www.PhySci.org/ PhySci software suite
* http://www.1point1C.org/ 1.1C - Superluminal!
* http://www.AThompson.info/andrew/ personal site

[Eric Bohlman]

Re: Problems with width of input / CSS

"Andrew Thompson" <andrew64@bigNO SPAMpond.com> wrote in
news:VdmMb.6983 $Wa.1219@news-server.bigpond. net.au:
[color=blue]
> "Eric Bohlman" <ebohlman@earth link.net> wrote in message
> news:Xns946D7CA A176C7ebohlmano msdevcom@130.13 3.1.4...
>| ..An old song by the
>| Staples Singers comes to mind...
>
> Which one?[/color]

Respect Yourself

[Neal]

Re: Problems with width of input / CSS

On Sun, 11 Jan 2004 18:06:34 +0100, MH <nomail@nowhere .no> wrote:
[color=blue]
> It's rude to tell that to people the way you do... and I find it is
> typical
> for this newsgroup.
>
> What you mean is this; Peter; sort this out first;
> http://validator.w3.org/check?uri=ht...%2Ftest%2Ftest
> .shtml[/color]

That's what he said. In his own way.

There are rules to Usenet. One is, read the group through before posting.
Get to know what's expected before you ask for help. In probably 20% of
the help threads here on my server, someone didn't validate, and I know
that in many cases that can be the cause of the problem.

Another rule is to accept that people who are experts in answering
questions diplomatically aren't always experts in the topic, and vice
versa. Alan knows his stuff, and that's one reason this ng is so useful.
But he's not an expert in answering questions nicely. That's not what we
need here.

You cannot say Alan is wrong. He's dead nuts right. Without valid code you
cannot expect to discover the root of a problem.

While I agree that people in general need to be more gentle in the way
they go through life, that doesn't mean that we disallow a little
frustration from somebody who's a real prize around here because someone's
asking for help with broken code. In this case, I agree with Alan - it's
not time to ask the questions yet. Read the ng, see if anything you find
here helps, and then and ONLY then ask for help.

[Stan Brown]

Re: Problems with width of input / CSS

It seems "MH" wrote in comp.infosystem s.www.authoring.html in
article <bts01a$f2p$1@n ews1.tilbu1.nb. home.nl>:[color=blue][color=green]
>> It's rude to ask people to spend time investigating problems with a
>> page before you've got it to pass validation.[/color]
>
>It's rude to tell that to people the way you do... and I find it is typical
>for this newsgroup.[/color]

Then I suggest you are entitled to a refund of 200% of the money you
have paid.

If you don't like the help you get here, then don't let the door
bang you in the ass on the way out. Otherwise, accept the fact that
you don't have any right to have others do your work for you; but on
the other hand if you show a sincere effort to understand you'll
have people falling over themselves to be helpful.

If that's too complicated, try this: It's _really_ stupid to insult
people when asking them to do you a favor.

(followups reduced)

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA

http://OakRoadSystems.com/

HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

[Peter Pfannenschmid]

Re: Problems with width of input / CSS

Dear all,

the people who told me to sort out validation first are right, and I
agree.

I knew this rule and followed it, but I have put the wrong file
online... I started the experiment (on local machines) with the file I
put online, then validated it and corrected the errors, and then put
the first version online - very intelligent, indeed. So please accept
my apologies.

Regarding the reproach of not having read the group: I have grouped
and googled, but I had no luck in finding a solution which makes the
input "controls" the same width in Opera, Mozilla and IE (the latest
versions).

So, as now the validated file without errors is online, again the
question: Any ideas how to achieve this?

Thank you very much,

Peter


itc@omeganet.de (Peter Pfannenschmid) wrote in message news:<650936b.0 401110544.7f339 aa0@posting.goo gle.com>...[color=blue]
> Dear all,
>
> my question is concerning the following html page:
> http://www.omeganet.de/test/test.shtml
>
> Could anybody tell me why the text input box (the fourth element) is
> wider than the other elements if the page is displayed in IE6 and
> latest Mozilla? If displayed in Opera, the input box is as wide as the
> other elements - as it should be.
>
> Thank you very much,
>
> Peter[/color]

[Peter Pfannenschmid]

Re: Problems with width of input / CSS

Stanimir Stamenkov <s7an10@netscap e.net> wrote in message news:<bts0el$ao a1o$1@ID-207379.news.uni-berlin.de>...[color=blue]
> [Followup set to comp.infosystem s.www.authoring.stylesheets]
>
> Peter Pfannenschmid wrote:
>[color=green]
> > my question is concerning the following html page:
> > http://www.omeganet.de/test/test.shtml
> >
> > Could anybody tell me why the text input box (the fourth element) is
> > wider than the other elements if the page is displayed in IE6 and
> > latest Mozilla? If displayed in Opera, the input box is as wide as the
> > other elements - as it should be.[/color]
>
> You should realise that the 'width' property specifies the content
> width and not the box width which includes any margin, border and
> padding in addition.[/color]

That was clear to me.
[color=blue]
> Read all about the CSS "Box Model" [1] and "Visual formatting model
> details" [2]. You may read the "Visual formatting model" [3]
> section, too.[/color]

I had already read these three, but still the question is: Why does a
select have another "visible" width than an input although the width,
the margins, the paddings and the borders of both are set to the same
value iva CSS? And why is this the case for IE and Mozilla, but not
for Opera, which does not have this problem?

Thank you very much,

Peter



[color=blue]
> __
>
> [1] http://www.w3.org/TR/CSS21/box.html
> [2] http://www.w3.org/TR/CSS21/visudet.html
> [3] http://www.w3.org/TR/CSS21/visuren.html[/color]

[MH]

Re: Problems with width of input / CSS

> That's what he said. In his own way.

True, and I did not argue that he was wrong.
[color=blue]
> .... Alan knows his stuff, and that's one reason this ng is so useful.
> But he's not an expert in answering questions nicely.[/color]

That was my real point. It is all about communication and it does not apply
to AJF only.
What good is knowledge if you cannot get it across to other people in an
acceptable way. I think we need people like Richard Feynman; hyper
intelligent and able to communicate complex ideas and views to people with
less than half his own intelligence.
[color=blue]
> That's not what we need here.[/color]

I think we do.

---------------
MH

[Neal]

Re: Problems with width of input / CSS

On Mon, 12 Jan 2004 18:58:20 +0100, MH <nomail@nowhere .no> wrote:
[color=blue]
> I think we need people like Richard Feynman; hyper
> intelligent and able to communicate complex ideas and views to people
> with
> less than half his own intelligence.[/color]

Get them here, we're all set.

Fact is, you have who you have. Lucky you do, too.

[MH]

Re: Problems with width of input / CSS

> > I think we need people like Richard Feynman;[color=blue]
> Get them here, we're all set.[/color]

Died in 1988, unfortunately.. .
[color=blue]
> Fact is, you have who you have. Lucky you do, too.[/color]

And Feynman was not into HTML...

---------
MH

[Neal]

Re: Problems with width of input / CSS

On Tue, 13 Jan 2004 01:01:50 +0100, MH <nomail@nowhere .no> wrote:
[color=blue][color=green][color=darkred]
>> > I think we need people like Richard Feynman;[/color]
>> Get them here, we're all set.[/color]
>
> Died in 1988, unfortunately.. .[/color]

Not the dead guy, the people like him. Except not dead.