RE: [WSG] Form fields in navbar causing IE to expand size of bar

2004-08-17 Thread Bert Doorn 
Hi

 form tag causes some issues with IE.
 Any ideas as to what would be the best way to approach this?

Remove margin and padding from the form and all should be well.

#searchform form {
  margin:0;
  padding:0;
}

Regards
--
Bert Doorn, Better Web Design
http://www.bwdzine.com/
Fast-loading, user-friendly websites

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Form fields in navbar causing IE to expand size of bar

2004-08-17 Thread Nick Gleitzman 
On Wednesday, Aug 18, 2004, at 10:18 Australia/Sydney, 
[EMAIL PROTECTED] wrote:

However, putting in the form field into my global nav div cause the 
brown
bar (especially in IE) to become quite wide and not look right.  I do
recall reading somewhere some time ago that the form tag causes some
issues with IE.
Helen, it's not so much the form tag as the various form elements 
that you use within it.

The visual display of form elements like buttons, dropdown menus, text 
fields etc is generated by the operating system, not the browser, and 
as such are notoriously difficult to incorporate into tight layouts.

 I see that you have styled the elements with CSS, but  the support for 
that styling is patchy across browsers - especially as regards size (of 
text fields). I've sent you some screenshots of your navbar offlist to 
show differences in the way the elements render across browsers. Note 
some browsers don't render the CSS styling for from elements at all...

I notice that if the browser is narrower than about 800px, the form 
elements wrap below the nav links - which is not a good look. It's a 
good idea to design your layout  to allow for the different looks and 
sizes that different OSs will give you.

HTH
Nick
___
Omnivision. Websight.
http://www.omnivision.com.au/
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] Form fields in navbar causing IE to expand size of bar

2004-08-17 Thread Helen . Rysavy 

Thanks Nick

Probably the best solution would be to take it out of the globalnav bar all
together and put it somewhere else as I don't know how I can stop it from
wrapping.

Thanks for sending through the screenshots and even though Lotus Notes
doesn't tell me what browsers they are from, I can take a reasonable guess.

Cheers

***
Helen Rysavy
Web Designer
Teaching  Learning
Charles Darwin University
Northern Territory 0909
Tel: 8946 7779 Mobile: 0403 290 842
mailto:[EMAIL PROTECTED]
www.cdu.edu.au
CRICOS Provider No: 00300K
***


   
 
  Nick Gleitzman   
 
  [EMAIL PROTECTED]To:   [EMAIL PROTECTED]
  
  m.aucc: 
 
  Sent by: Subject:  Re: [WSG] Form fields in 
navbar causing IE to expand size of bar   
  [EMAIL PROTECTED]
 
  group.org
 
   
 
   
 
  18/08/2004 12:39 
 
  PM   
 
  Please respond to
 
  wsg  
 
   
 
   
 




On Wednesday, Aug 18, 2004, at 10:18 Australia/Sydney,
[EMAIL PROTECTED] wrote:

 However, putting in the form field into my global nav div cause the
 brown
 bar (especially in IE) to become quite wide and not look right.  I do
 recall reading somewhere some time ago that the form tag causes some
 issues with IE.

Helen, it's not so much the form tag as the various form elements
that you use within it.

The visual display of form elements like buttons, dropdown menus, text
fields etc is generated by the operating system, not the browser, and
as such are notoriously difficult to incorporate into tight layouts.

  I see that you have styled the elements with CSS, but  the support for
that styling is patchy across browsers - especially as regards size (of
text fields). I've sent you some screenshots of your navbar offlist to
show differences in the way the elements render across browsers. Note
some browsers don't render the CSS styling for from elements at all...

I notice that if the browser is narrower than about 800px, the form
elements wrap below the nav links - which is not a good look. It's a
good idea to design your layout  to allow for the different looks and
sizes that different OSs will give you.

HTH

Nick
___
Omnivision. Websight.
http://www.omnivision.com.au/

**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**






**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**