Form layout problem

Hi,

I am having problems with a form taking too much vertical space.

The test example is here :-

http://www.aarongray.org/Test/HTML/Form/test.html

I have put a border around the form. It should take up less height than it
is doing.

Hope you can show me what I am missing or doing wrong.

Many thanks in advance,

Aaron
Aaron Gray [ Do, 27 Dezember 2007 00:30 ] [ ID #1894070 ]

Re: Form layout problem

In article <5tg6geF19pba4U1 [at] mid.individual.net>,
"Aaron Gray" <ang.usenet [at] gmail.com> wrote:

> Hi,
>
> I am having problems with a form taking too much vertical space.
>
> The test example is here :-
>
> http://www.aarongray.org/Test/HTML/Form/test.html
>
> I have put a border around the form. It should take up less height than it
> is doing.
>
> Hope you can show me what I am missing or doing wrong.
>
> Many thanks in advance,
>
> Aaron

First, it does not take up much height at all in my FF or Safari.
Second, use a doctype and validate it.

--
dorayme
dorayme [ Do, 27 Dezember 2007 02:20 ] [ ID #1894624 ]

Re: Form layout problem

"Aaron Gray" <ang.usenet [at] gmail.com> wrote in message
news:5tg6geF19pba4U1 [at] mid.individual.net...
> Hi,
>
> I am having problems with a form taking too much vertical space.
>
> The test example is here :-
>
> http://www.aarongray.org/Test/HTML/Form/test.html
>
> I have put a border around the form.

No, you haven't. You've put a border on the div that contains the form.

> It should take up less height than it is doing.

The form is taking up as much vertical space as you have told it to, 10
pixels. Firebug confirms this. It's the div that is taking up extra space,
probably the forms margin-bottom.

> Hope you can show me what I am missing or doing wrong.

You are running the browser in quirks mode where it emulates all the bugs
from older versions. Supply a valid doctype (strict HTML 4.01) and things
will change considerably.

--
Richard.
rf [ Do, 27 Dezember 2007 02:49 ] [ ID #1894625 ]

Re: Form layout problem

"dorayme" <doraymeRidThis [at] optusnet.com.au> wrote in message
news:doraymeRidThis-4A963D.12204327122007 [at] news-vip.optusnet. com.au...
> In article <5tg6geF19pba4U1 [at] mid.individual.net>,
> "Aaron Gray" <ang.usenet [at] gmail.com> wrote:
>
>> Hi,
>>
>> I am having problems with a form taking too much vertical space.
>>
>> The test example is here :-
>>
>> http://www.aarongray.org/Test/HTML/Form/test.html
>>
>> I have put a border around the form. It should take up less height than
>> it
>> is doing.
>>
>> Hope you can show me what I am missing or doing wrong.
>>
>> Many thanks in advance,
>>
>> Aaron
>
> First, it does not take up much height at all in my FF or Safari.

Okay I have tried that now.

> Second, use a doctype and validate it.

Yes, I have been lazy. Although Google does not use doctype !:)

Thanks,

Aaron
Aaron Gray [ Do, 27 Dezember 2007 03:02 ] [ ID #1894626 ]

Re: Form layout problem

"rf" <rf [at] invalid.com> wrote in message
news:7xDcj.28077$CN4.6352 [at] news-server.bigpond.net.au...
>
> "Aaron Gray" <ang.usenet [at] gmail.com> wrote in message
> news:5tg6geF19pba4U1 [at] mid.individual.net...
>> Hi,
>>
>> I am having problems with a form taking too much vertical space.
>>
>> The test example is here :-
>>
>> http://www.aarongray.org/Test/HTML/Form/test.html
>>
>> I have put a border around the form.
>
> No, you haven't. You've put a border on the div that contains the form.
>
>> It should take up less height than it is doing.
>
> The form is taking up as much vertical space as you have told it to, 10
> pixels. Firebug confirms this. It's the div that is taking up extra space,
> probably the forms margin-bottom.

Yep, its the forms margin-bottom on IE !

>> Hope you can show me what I am missing or doing wrong.
>
> You are running the browser in quirks mode where it emulates all the bugs
> from older versions. Supply a valid doctype (strict HTML 4.01) and things
> will change considerably.

Yes, forgot about quirks mode !

Many thanks,

Aaron
Aaron Gray [ Do, 27 Dezember 2007 03:03 ] [ ID #1894627 ]

Re: Form layout problem

Gazing into my crystal ball I observed "Aaron Gray"
<ang.usenet [at] gmail.com> writing in
news:5tgfcrF1d032bU1 [at] mid.individual.net:

> "dorayme" <doraymeRidThis [at] optusnet.com.au> wrote in message
> news:doraymeRidThis-4A963D.12204327122007 [at] news-vip.optusnet. com.au...
>> In article <5tg6geF19pba4U1 [at] mid.individual.net>,
>> "Aaron Gray" <ang.usenet [at] gmail.com> wrote:
>>
>>> Hi,
>>>
>>> I am having problems with a form taking too much vertical space.
>>>
>>> The test example is here :-
>>>
>>> http://www.aarongray.org/Test/HTML/Form/test.html
>>>

>> First, it does not take up much height at all in my FF or Safari.
>
> Okay I have tried that now.
>
>> Second, use a doctype and validate it.
>
> Yes, I have been lazy. Although Google does not use doctype !:)
>

Who cares about Google? Google is not a browser.

One thing Google does like, however, is error free marked up pages.
It's a lot easier to parse good markup than tag soup.

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share
Adrienne Boswell [ Do, 27 Dezember 2007 03:55 ] [ ID #1894628 ]

Re: Form layout problem

"Aaron Gray" <ang.usenet [at] gmail.com> wrote in message
news:5tgffqF1d5d5jU1 [at] mid.individual.net...
> Yes, forgot about quirks mode !
>
> Many thanks,
>
> Aaron
>
>
Your markup appears to be XHTML so you need a doctype for that, or change
the markup to HTML and add a corresponding doctype.
Vince Morgan [ Do, 27 Dezember 2007 04:40 ] [ ID #1894630 ]

Re: Form layout problem

"Aaron Gray" <ang.usenet [at] gmail.com> wrote in message
news:5tg6geF19pba4U1 [at] mid.individual.net...
> Hi,
>
> I am having problems with a form taking too much vertical space.
>
> The test example is here :-
>
> http://www.aarongray.org/Test/HTML/Form/test.html
>
If you put the form tags outside the div you don't have the problem in IE6,
or Mozilla.
Ie:
<form method="post" action="test.html">
<div id="header-right">

<input type="text" name="query" size="40" value="">
<input type="submit" name="submit" value="Search">

</div>
</form>
Can't say that it's good form to do so, but it works.
HTH
Vince
Vince Morgan [ Do, 27 Dezember 2007 10:01 ] [ ID #1894646 ]

Re: Form layout problem

"Vince Morgan" <vinharAtHereoptusnet.com.au> wrote in message
news:47731e89$0$13113$afc38c87 [at] news.optusnet.com.au...
> "Aaron Gray" <ang.usenet [at] gmail.com> wrote in message
> news:5tgffqF1d5d5jU1 [at] mid.individual.net...
>> Yes, forgot about quirks mode !
>>
>> Many thanks,
>>
>> Aaron
>>
>>
> Your markup appears to be XHTML so you need a doctype for that, or change
> the markup to HTML and add a corresponding doctype.

Yes, I am intending on using XHTML.

Aaron
Aaron Gray [ Do, 27 Dezember 2007 16:30 ] [ ID #1894648 ]

Re: Form layout problem

"Vince Morgan" <vinharAtHereoptusnet.com.au> wrote in message
news:477369c0$0$13959$afc38c87 [at] news.optusnet.com.au...
> "Aaron Gray" <ang.usenet [at] gmail.com> wrote in message
> news:5tg6geF19pba4U1 [at] mid.individual.net...
>> Hi,
>>
>> I am having problems with a form taking too much vertical space.
>>
>> The test example is here :-
>>
>> http://www.aarongray.org/Test/HTML/Form/test.html
>>
> If you put the form tags outside the div you don't have the problem in
> IE6,
> or Mozilla.
> Ie:
> <form method="post" action="test.html">
> <div id="header-right">
>
> <input type="text" name="query" size="40" value="">
> <input type="submit" name="submit" value="Search">
>
> </div>
> </form>
> Can't say that it's good form to do so, but it works.

Ah, thats why the Google homepage renders correctly.

Aaron
Aaron Gray [ Do, 27 Dezember 2007 16:31 ] [ ID #1894649 ]

Re: Form layout problem

Aaron Gray wrote:
> "Vince Morgan" <vinharAtHereoptusnet.com.au> wrote:

>> Your markup appears to be XHTML so you need a doctype for that, or change
>> the markup to HTML and add a corresponding doctype.
>
> Yes, I am intending on using XHTML.

Why? Do you have a reason?

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
lws4art [ Do, 27 Dezember 2007 18:09 ] [ ID #1894650 ]

Re: Form layout problem

Aaron Gray wrote:
> "Vince Morgan" <vinharAtHereoptusnet.com.au> wrote in message
> news:477369c0$0$13959$afc38c87 [at] news.optusnet.com.au...
>> "Aaron Gray" <ang.usenet [at] gmail.com> wrote in message
>> news:5tg6geF19pba4U1 [at] mid.individual.net...
>>> Hi,
>>>
>>> I am having problems with a form taking too much vertical space.
>>>
>>> The test example is here :-
>>>
>>> http://www.aarongray.org/Test/HTML/Form/test.html
>>>
>> If you put the form tags outside the div you don't have the problem in
>> IE6,
>> or Mozilla.
>> Ie:
>> <form method="post" action="test.html">
>> <div id="header-right">
>>
>> <input type="text" name="query" size="40" value="">
>> <input type="submit" name="submit" value="Search">
>>
>> </div>
>> </form>
>> Can't say that it's good form to do so, but it works.
>
> Ah, thats why the Google homepage renders correctly.

Only because browsers have quirks mode and can parse tag soup. Also
there is really very little content to screw up.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
lws4art [ Do, 27 Dezember 2007 18:13 ] [ ID #1894651 ]

Re: Form layout problem

In article <7aee9$4773dca7$40cba7cc$13364 [at] NAXS.COM>,
"Jonathan N. Little" <lws4art [at] centralva.net> wrote:

> Aaron Gray wrote:
> > "Vince Morgan" <vinharAtHereoptusnet.com.au> wrote:
>
> >> Your markup appears to be XHTML so you need a doctype for that, or change
> >> the markup to HTML and add a corresponding doctype.
> >
> > Yes, I am intending on using XHTML.
>
> Why? Do you have a reason?

A lot of people read sentences like: "HTML is now an Internet
standard maintained by the World Wide Web Consortium (W3C). The
most recent version is HTML 4.01, though it has been superseded
by XHTML." (http://en.wikibooks.org/wiki/Programming:HTML) and
see that a fine online website that teaches website standard
markup uses it (htmldog.com) draw some obvious and reasonable but
false conclusions. The problem is a runaway train, it is unlikely
to be able to be stopped and put on a slower steadier controlled
course.

--
dorayme
dorayme [ Do, 27 Dezember 2007 20:09 ] [ ID #1894653 ]

Re: Form layout problem

Scripsit dorayme:

> A lot of people read sentences like: "HTML is now an Internet
> standard maintained by the World Wide Web Consortium (W3C).

That's of course common wikinonsense. There is no Internet standard on
HTML, and Internet standards are not defined by the W3C but by the IETF.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
jkorpela [ Do, 27 Dezember 2007 20:19 ] [ ID #1894654 ]

Re: Form layout problem

"Jonathan N. Little" <lws4art [at] centralva.net> wrote in message
news:7aee9$4773dca7$40cba7cc$13364 [at] NAXS.COM...
> Aaron Gray wrote:
>> "Vince Morgan" <vinharAtHereoptusnet.com.au> wrote:
>
>>> Your markup appears to be XHTML so you need a doctype for that, or
>>> change
>>> the markup to HTML and add a corresponding doctype.
>>
>> Yes, I am intending on using XHTML.
>
> Why? Do you have a reason?

Yes, many.

Aaron
Aaron Gray [ Fr, 28 Dezember 2007 00:46 ] [ ID #1895413 ]

Re: Form layout problem

On 2007-12-27, Aaron Gray wrote:
>
>
> "Jonathan N. Little" <lws4art [at] centralva.net> wrote in message
> news:7aee9$4773dca7$40cba7cc$13364 [at] NAXS.COM...
>> Aaron Gray wrote:
>>> "Vince Morgan" <vinharAtHereoptusnet.com.au> wrote:
>>
>>>> Your markup appears to be XHTML so you need a doctype for that, or
>>>> change
>>>> the markup to HTML and add a corresponding doctype.
>>>
>>> Yes, I am intending on using XHTML.
>>
>> Why? Do you have a reason?
>
> Yes, many.

Are there any that trump the fact that the most commonly used
browser doesn't support XHTML? If so, please explain.

--
Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
============================================================ =======
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
cfajohnson [ Fr, 28 Dezember 2007 01:04 ] [ ID #1895417 ]

Re: Form layout problem

"Chris F.A. Johnson" <cfajohnson [at] gmail.com> wrote in message
news:26rd45-rc8.ln1 [at] xword.teksavvy.com...
> On 2007-12-27, Aaron Gray wrote:
>>
>>
>> "Jonathan N. Little" <lws4art [at] centralva.net> wrote in message
>> news:7aee9$4773dca7$40cba7cc$13364 [at] NAXS.COM...
>>> Aaron Gray wrote:
>>>> "Vince Morgan" <vinharAtHereoptusnet.com.au> wrote:
>>>
>>>>> Your markup appears to be XHTML so you need a doctype for that, or
>>>>> change
>>>>> the markup to HTML and add a corresponding doctype.
>>>>
>>>> Yes, I am intending on using XHTML.
>>>
>>> Why? Do you have a reason?
>>
>> Yes, many.
>
> Are there any that trump the fact that the most commonly used
> browser doesn't support XHTML? If so, please explain.

Wikipedia uses XHTML Transitional so I was planning on using that as I am
working on a WYSIWYG Wiki which will be simular to that.

Aaron
Aaron Gray [ Sa, 29 Dezember 2007 23:05 ] [ ID #1895918 ]
Miscellaneous » alt.html » Form layout problem

Vorheriges Thema: change link in <p> tag
Nächstes Thema: Help! Fixed width table with a 100% width image in it is assuming the