NS4 choking on this simple CSS. any ideas?

[padders]

I came across this simple CSS i want to use:

INPUT 	{
	font-family: verdana, arial;
	font-size: 11px;
    border: 1px outset #EEEEFF;
}



TEXTAREA 	{
	font-family: verdana, arial;
	font-size: 11px;
	border: 1px outset #EEEEFF;
}

but NS4 won't even display the input/text area boxes with it. what is going on?

[htmlite]

Try this...

font: 11px "verdana", "arial";
border: 1px outset #EEEEFF;

It's not much different, but may work.

[padders]

playing with it more it is the border command

having border: 1px means that the textareas will not display and i get the normal input boxes but then this weird square box by the side of the input.

i don't get this...

[Sarah]

check out http://www.richinstyle.com/ as this lists all the bugs with different browsers, I knew margin where a problem in NS but didn't realise border where too. You might need to set up different style sheets for the older versions? that way the ones that can read your css see soemthing good and the older version see a plain box.

Sarah

[padders]

ok thanks Sarah, and snap on location berkshire...

[Sarah]

ha haa

Just had a thought change it to this:

border-styleutset
border-width:1px

Does that do anything different? (my css book says that border-style outset is okay for all ns and ie but when you come to border that is buggy and partial with all versions?? worth a try?)

so where in berkshire then? Its a big place Me newbury

ha ha sorry that should have read border-style: outset (without space)

[Aes]

::whispers:: Sarah -- you can click on the little checkbox that says "Disable Smilies in This Post" -- just thought you'd like to know. ::whispers::

[Sarah]

[nudge][nudge] gotcha cheers Aes

[Marina]

padders, you could use different styles for IE and NN. A java script code like this one let's the browser know what style to use:

  <FORM>
    <SCRIPT>
      if (navigator.appName == 'Netscape') {
        document.write('<INPUT type="text" size=20>\n');
      } else {
        document.write('<INPUT type="text" size=30 class="yourstyle">\n');
      }
    </SCRIPT>
    <NOSCRIPT>
      <INPUT type="text" size=20>
    </NOSCRIPT>
  </FORM>

Or just write the part that NN should ignore inside
<!--> <!--> Here is a tutorial.

[padders]

Sarah, although it looks slightly different your suggestion worked perfectly, thank you!

I live near maidenhead but at the moment at uni in Oxford.

Marina, thanks for the tip - i might just do that in the future.