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

Re: Form layout problem

In article <5tg6geF19pba4U1@mid.individual.net>,
"Aaron Gray" 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

Re: Form layout problem

"Aaron Gray" wrote in message
news:5tg6geF19pba4U1@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.

Re: Form layout problem

"dorayme" wrote in message
news:doraymeRidThis-4A963D.12204327122007@news-vip.optusnet. com.au...
> In article <5tg6geF19pba4U1@mid.individual.net>,
> "Aaron Gray" 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

Re: Form layout problem

"rf" wrote in message
news:7xDcj.28077$CN4.6352@news-server.bigpond.net.au...
>
> "Aaron Gray" wrote in message
> news:5tg6geF19pba4U1@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

Re: Form layout problem

Gazing into my crystal ball I observed "Aaron Gray"
writing in
news:5tgfcrF1d032bU1@mid.individual.net:

> "dorayme" wrote in message
> news:doraymeRidThis-4A963D.12204327122007@news-vip.optusnet. com.au...
>> In article <5tg6geF19pba4U1@mid.individual.net>,
>> "Aaron Gray" 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

Re: Form layout problem

"Aaron Gray" wrote in message
news:5tgffqF1d5d5jU1@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.

Re: Form layout problem

"Aaron Gray" wrote in message
news:5tg6geF19pba4U1@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:

Re: Form layout problem

"Vince Morgan" wrote in message
news:47731e89$0$13113$afc38c87@news.optusnet.com.au...
> "Aaron Gray" wrote in message
> news:5tgffqF1d5d5jU1@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

Re: Form layout problem

"Vince Morgan" wrote in message
news:477369c0$0$13959$afc38c87@news.optusnet.com.au...
> "Aaron Gray" wrote in message
> news:5tg6geF19pba4U1@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:
>

Re: Form layout problem

Aaron Gray wrote:
> "Vince Morgan" 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

Re: Form layout problem

Aaron Gray wrote:
> "Vince Morgan" wrote in message
> news:477369c0$0$13959$afc38c87@news.optusnet.com.au...
>> "Aaron Gray" wrote in message
>> news:5tg6geF19pba4U1@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:
>>

Re: Form layout problem

In article <7aee9$4773dca7$40cba7cc$13364@NAXS.COM>,
"Jonathan N. Little" wrote:

> Aaron Gray wrote:
> > "Vince Morgan" 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

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/

Re: Form layout problem

"Jonathan N. Little" wrote in message
news:7aee9$4773dca7$40cba7cc$13364@NAXS.COM...
> Aaron Gray wrote:
>> "Vince Morgan" 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

Re: Form layout problem

On 2007-12-27, Aaron Gray wrote:
>
>
> "Jonathan N. Little" wrote in message
> news:7aee9$4773dca7$40cba7cc$13364@NAXS.COM...
>> Aaron Gray wrote:
>>> "Vince Morgan" 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
============================================================ =======
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Re: Form layout problem

"Chris F.A. Johnson" wrote in message
news:26rd45-rc8.ln1@xword.teksavvy.com...
> On 2007-12-27, Aaron Gray wrote:
>>
>>
>> "Jonathan N. Little" wrote in message
>> news:7aee9$4773dca7$40cba7cc$13364@NAXS.COM...
>>> Aaron Gray wrote:
>>>> "Vince Morgan" 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