 |
 |
CSS + JavaScript help
|
 |
|
 |
|
Fresh-Faced Recruit
Join Date: May 2001
Location: Portland, OR USA
Status:
Offline
|
|
Hello.
We're trying to make this work:
http://www.teamyacht.com/what/
It sort of works in IE5.1 Mac, but isn't really doing anything in Netscape 4.75. In IE 5.1 Mac it's jumping around, which is totally undesirable. In Netscape it's not showing and hiding correctly.
Any thoughts? Suggestions? We'd like to keep it clean and simple if at all possible.
Thanks in advance!
|
|
|
| |
|
|
|
 |
|
 |
|
Fresh-Faced Recruit
Join Date: May 2001
Location: Portland, OR USA
Status:
Offline
|
|
|
|
|
|
| |
|
|
|
 |
|
 |
|
Grizzled Veteran
Join Date: Jun 2001
Location: Melbourne, Australia
Status:
Offline
|
|
A couple of suggestions (* Disclaimer, I haven't tested these, they're just off the top of my head  )
- Rather than applying CSS attributes through a style attribute in HTML, make a class in your core CSS file and reference them that way. NS4 doesn't behave consistently with 'STYLE=' attributes.
- Where you have 'display:none', try 'visibility:hidden' - again, NS doesn't like the 'display' CSS directive as much as compliant browsers. You'd have to turn these layers into 'absolute' positioned layers, but that shouldn't be a huge problem.
- I'd also suggest giving those <DIV>'s a fixed width, so you don't get the jumping around problem. Bear in mind, too, that IE doesn't correctly word-wrap text which has long anchors, which could possibly push your col widths out
Good luck - nice clean site, too!
|
|
Computer thez nohhh...
|
| |
|
|
|
 |
|
 |
|
Mac Elite
Join Date: Oct 2001
Status:
Offline
|
|
Originally posted by Simon Mundy:
<STRONG>
A couple of suggestions (* Disclaimer, I haven't tested these, they're just off the top of my head  )
- Rather than applying CSS attributes through a style attribute in HTML, make a class in your core CSS file and reference them that way. NS4 doesn't behave consistently with 'STYLE=' attributes.
- Where you have 'display:none', try 'visibility:hidden' - again, NS doesn't like the 'display' CSS directive as much as compliant browsers. You'd have to turn these layers into 'absolute' positioned layers, but that shouldn't be a huge problem.
- I'd also suggest giving those <DIV>'s a fixed width, so you don't get the jumping around problem. Bear in mind, too, that IE doesn't correctly word-wrap text which has long anchors, which could possibly push your col widths out
Good luck - nice clean site, too!</STRONG>
Will the above suggestions correct any problems for Windows browsers as well?
does the 'display:none' 'visibility:hidden' need to updated in javascript as well?
thanks
|
|
|
| |
|
|
|
 |
|
 |
|
Grizzled Veteran
Join Date: Jun 2001
Location: Melbourne, Australia
Status:
Offline
|
|
Originally posted by ThisGuy:
<STRONG>
Will the above suggestions correct any problems for Windows browsers as well?
does the 'display:none' 'visibility:hidden' need to updated in javascript as well?
thanks</STRONG>
Should be cross-platform compliant.
You'll need to rewrite your Javascript to allow for a Netscape detect - from memory, I think IE + Mozilla's attributes for 'layer' visibility are either 'show' or 'hide', but Netscape uses 'visible' and 'hidden'. Or vice-versa. I'd have to look it up. (Was it Einstein that said never commit something to memory that can't be written down?  )
It'll be worth the effort, in any case, as your site will have a much stronger browser-base without annoying too many people. Not that I'm that worried about offending NS4 users, though!!!
|
|
Computer thez nohhh...
|
| |
|
|
|
 |
 |
|
 |
|
|
|
|
|

|
|
 |
Forum Rules
|
 |
 |
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
 |
 |
 |
 |
|
 |
|