Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > CSS + JavaScript help

CSS + JavaScript help
Thread Tools
Fresh-Faced Recruit
Join Date: May 2001
Location: Portland, OR USA
Status: Offline
Reply With Quote
Mar 21, 2002, 12:27 PM
 
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
Reply With Quote
Mar 21, 2002, 12:41 PM
 
We're currently working on this page, so for now, go to:
http://www.teamyacht.com/what/index_test.html

THANKS
     
Grizzled Veteran
Join Date: Jun 2001
Location: Melbourne, Australia
Status: Offline
Reply With Quote
Mar 21, 2002, 03:12 PM
 
Originally posted by jonathan stick:
<STRONG>We're currently working on this page, so for now, go to:
http://www.teamyacht.com/what/index_test.html

THANKS</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 &lt;DIV&gt;'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
Reply With Quote
Mar 22, 2002, 02:13 PM
 
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 &lt;DIV&gt;'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
Reply With Quote
Mar 22, 2002, 11:08 PM
 
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...
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 06:02 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2