Calling all techs-TOPIC "Safari" browser

#1 (**permalink**) 12-07-2003, 06:44 PM

http://sammypies.com

>>SAFARI blues!>>

Hi guys/gals....you've seen this URL up before but I'm putting it here because I want any of you out there who have SAFARI to view it w/ that browser....[the site looks fine on IE explorer, netscape, AOL browser etc]

YUCK!! SAFARI doesn't understand key parts of my code> the div layers that I employ for the 'about' and 'Ingredients' page are completely f#%&*@ up!!!

SAFARI just doesn't seem understand div layers/in line style tags at all......
it kinda reminds me of Netscape 4 and all the horrors associated with that particular version of that browser....

Is Macintosh just going to bundle Safari in everything G4 or G5 related from now on? Isn't the darn thing still in Beta test mode anyway?
SAFARI claims to be the "fastest" browser.......what
does that exactly mean... is that cache speed or is it how fast it can piss me off as a web designer....?

SO---ANY TECHS out there know any programming that could sew my nested tables/ overflow content style div layers back together ? Can anyone out there write a javascript function that I can call to in my script that would help SAFARI understand the elements to use and place the style-content scrollers correctly in the nested table.....it seems to want to interpret it as the entire height of the textelement rather than the height of the content div style (that is set in the code)...........that is why the page "rips" open and then everything looks like dog-doo instead of dog-food lol

I will credit anyone in my code who can help me program a solution......

thanks & cheers!
DAREN!
http://WebPageTurner.com

Narasinha · #2 (**permalink**) 12-08-2003, 03:40 AM

Quote:

Originally Posted by daren

>>SAFARI blues!>>

Hi guys/gals....you've seen this URL up before but I'm putting it here because I want any of you out there who have SAFARI to view it w/ that browser....[the site looks fine on IE explorer, netscape, AOL browser etc]

Look is okay in Opera 7 and Firebird in Windows. As I'm on Windows platform, I can't run Safari, but I think I can offer a little bit of help. You seem to be running into the problem that I keep warning people about. Newer browsers aren't being nice to non-standard code because they don't have to be.

Quote:

Originally Posted by daren

YUCK!! SAFARI doesn't understand key parts of my code> the div layers that I employ for the 'about' and 'Ingredients' page are completely f#%&*@ up!!!

SAFARI just doesn't seem understand div layers/in line style tags at all......
it kinda reminds me of Netscape 4 and all the horrors associated with that particular version of that browser....

Ahh, but Safari is a decent, standards-supporting browser, where NS4.x isn't. This, I think, is where your problem lies. Your page doesn't contain a !DOCTYPE tag to let browsers know the level of HTML you're using. This means that browsers with doctype switching (IE6, Opera, Safari, NS6/7, etc.) will display the page in "quirks" mode. This will change the look of your page depending on how that particular browser handles its own "quirks" mode. This can affect even the way a browser defines the size of a pixel!

There is a <style>...</style> section with information just for IE scrollbars, but it's at the bottom of the page in with the content. It needs to be in the <head>...</head> of the page if you want to use inline CSS. You might go for external CSS file for styles and JS file for the script. There are several misplaced attributes in some of the tags, and a few tags like <center> that really shouldn't be there at all. It appears from the source code that you're using Dreamweaver MX (and Fireworks?). Dreamweaver MX -does- support using the DOCTYPE tag, and will create appropriate valid code (it has its own validation program). I've never used it, so I don't know where any settings for these things are.

Quote:

Originally Posted by daren

Is Macintosh just going to bundle Safari in everything G4 or G5 related from now on? Isn't the darn thing still in Beta test mode anyway?
SAFARI claims to be the "fastest" browser.......what
does that exactly mean... is that cache speed or is it how fast it can !bleep! me off as a web designer....?

I get more Safari hits on my site every month. I don't know about its speed. Opera has had a "fastest browser" reputation for quite a while. I think Safari has some of the same good features. Safari is one of the new standards-supporting browsers. It, Mozilla, Opera, etc., continue to improve. Oddly, Microsoft has stopped future development of Internet Explorer for Mac. Newer browsers are very standards-compliant, supporting the bulk of HTML, XHTML, CSS, ECMAScript, and DOM standards. Don't blame the browser for having problems with code that isn't valid. No browser is perfect, but standardized code helps.

Quote:

Originally Posted by daren

SO---ANY TECHS out there know any programming that could sew my nested tables/ overflow content style div layers back together ? Can anyone out there write a javascript function that I can call to in my script that would help SAFARI understand the elements to use and place the style-content scrollers correctly in the nested table.....it seems to want to interpret it as the entire height of the textelement rather than the height of the content div style (that is set in the code)...........that is why the page "rips" open and then everything looks like dog-doo instead of dog-food lol

For a quick fix, you might try changing the "overflow: auto" to "overflow: scroll" in the DIV tags.

One other possible problem is that you're using a table inside that DIV tag. You might try adding a "text-align: justify" to the style for the DIV, and just put the paragraph of text in the DIV container, not inside a DIV that is inside the only cell of a TABLE that is inside the DIV with the style information.

#3 (**permalink**) 12-08-2003, 09:06 AM

Hey Narasinha!
First I want to thank you for the awesome feedback! >>> that is exactly what I was looking for-----there is much to digest with your response.....thanks again...
you rock man!

Quote:

Originally Posted by Narasinha

One other possible problem is that you're using a table inside that DIV tag. You might try adding a "text-align: justify" to the style for the DIV, and just put the paragraph of text in the DIV container, not inside a DIV that is inside the only cell of a TABLE that is inside the DIV with the style information.

I hypothesize that herein lies the culprit and the genesis of my problems w/ Safari........you are also 100% correct by saying that "one should never try non-standard code w/ new browsers" that is exactly what happened here I believe......

I also get the designer's IDIOT award because all the !DOCTYPE tags were originally there as originally I made a custom template to work off of......the index.html page still has it.....something happened upon export where they all got accidentally deleted and I just didn't notice them missing but published the site anyway.......oh brother...

CHEERS!
DAREN!
http://WebPageTurner.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode