[WSG] Form layout issue

2007-05-13 Thread Nick Roper

I'd be grateful if someone could take a look at the following draft form:

http://dev.logical.co.uk/test/add-user.php

It renders OK in FF, Safari and Opera, but the input elements don't 
align correctly in IE6 (haven't tried 7 as yet)


I'm sure it's something obvious, but it's been a long night and I'm not 
seeing wood for trees at the moment.


Thanks in anticipation.

Nick

--
Nick Roper
partner
logical elements
---
There are 10 kinds of person. Those who understand binary, and those who 
don't!



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Form layout issue

2007-05-13 Thread Scott Swabey

Nick Roper wrote:

I'd be grateful if someone could take a look at the following draft form:

http://dev.logical.co.uk/test/add-user.php

It renders OK in FF, Safari and Opera, but the input elements don't 
align correctly in IE6 (haven't tried 7 as yet)


Hi Nick

I would suggest placing a br after each input, and apply a clearing 
class to the br. This will force IE to play, and has the added bonus 
of retaining some semblance of formating if styles are turned off.


br class=clear

.clear {
  clear: both;
  height: 1px;
  display: block;
}

Regards
--

Scott Swabey
Design  Development Director - Lafinboy Productions
www.lafinboy.com | www.thought-after.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Form layout issue

2007-05-13 Thread Nick Roper

Hey Scott,

Yup, that's made IE play nice!

Good point regarding the layout if styles are turned off.

Thanks for that.

Cheers,

Nick


Scott Swabey wrote:

Nick Roper wrote:

I'd be grateful if someone could take a look at the following draft form:

http://dev.logical.co.uk/test/add-user.php

It renders OK in FF, Safari and Opera, but the input elements don't 
align correctly in IE6 (haven't tried 7 as yet)


Hi Nick

I would suggest placing a br after each input, and apply a clearing 
class to the br. This will force IE to play, and has the added bonus 
of retaining some semblance of formating if styles are turned off.


br class=clear

.clear {
  clear: both;
  height: 1px;
  display: block;
}

Regards


--
Nick Roper
partner
logical elements
innovative web and internet solutions
zend/php  mysql approved partner
email: [EMAIL PROTECTED]
phone: +44 1749 676798
   www: www.logical.co.uk
skype: nick.roper / +44 20 7870 9587

logical elements, 34 Chamberlain Street, Wells, Somerset, BA5 2PJ
---
There are 10 kinds of person. Those who understand binary, and those who 
don't!



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***