[WSG] Form fields in navbar causing IE to expand size of bar
Hi Could someone please help me with this. I'm trying to make a standards based site for Teaching Evaluation using the current CDU requirements of banner and global nav (these can be seen here: http://www.cdu.edu.au/visiting/). 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. Any ideas as to what would be the best way to approach this? The work in progress is here: http://learnline.cdu.edu.au/wip/te/test.html It almost works in Firefox but not quite. Note the form itself is not working as it needs to be moved to another server. At this point I am just concerned with the layout. Any help would be greatly appreciated. Thanks very much *** 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 *** ** 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
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
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
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 **