White font in Safari - Help!
Hi everyone,
First of all I want to thank everyone who has helped me in the past on here - you're all fantastic, and oh so clever!! I could never have done it without you! Hehe
Anyway, I'm having a bit of a problem with my Web site is Safari browsers. For some reason, the font is showing up white. :S
http://www.bubblegumdancer.com/
Does anyone know why? it looks fine in every other browser I have seen. :S
Thank you in advance!
Mitch
The most beautiful thing we can experience is the mysterious. It is the source of all true art and science.
- Albert Einstein
decibel.places posted this at 23:44 — 27th October 2008.
He has: 1,494 posts
Joined: Jun 2008
Hi Sumeiko,
Looking at your css files (yay Firefox Web Developer Add-On!) I found this code
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
in ddcolortabs.css
I overrode it in the attached file, that displays properly in Safari
(NOTE: I added
<base href="http://www.bubblegumdancer.com/">to make it work away from your server - you should remove it)(NOTE 2- Bubble Gum pop? To me, that's 1910 Fruitgum Co - but guess that dates me!)
webwiz posted this at 05:07 — 28th October 2008.
He has: 629 posts
Joined: May 2007
Safari's error console additionally reports that this file is sent as an HTML file, not CSS, but is interpreted by Safari as CSS. I imagine other browsers (correctly) ignore it, thus do not apply the white color. There *is* a bunch of HTML in that file, too. (?)
You seem unable to decide between HTML and XHTML - you have a mixture.
P.S. Why only one short line available for visitor comments?
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
sumeiko posted this at 08:53 — 28th October 2008.
He has: 147 posts
Joined: Jun 2004
Thank you so much for your help!
But I have another question. 
For some reason, I can't find "dropdowntabfiles/ddcolortabs.css" ANYWHERE on the server, or on my home computer to edit it. :S It's like the file doesn't exist, but does. :S What's going on?! Lol
(Shouldn't it be here?: http://www.bubblegumdancer.com/dropdowntabfiles/ddcolortabs.css :X)
I appreciate you're help, your all fantastic!
Mitch
The most beautiful thing we can experience is the mysterious. It is the source of all true art and science.
- Albert Einstein
sumeiko posted this at 08:54 — 28th October 2008.
He has: 147 posts
Joined: Jun 2004
Oh, and that's original bubblegum pop you're thinking of
1910 Fruitgum Co, The Monkees, etc. 
My Web site is about bubblegum eurodance. 
decibel.places posted this at 15:31 — 28th October 2008.
He has: 1,494 posts
Joined: Jun 2008
I also noticed that ddcolortabs.css is an HTML file, apparrently some kind of "file not found" error report...
Rather than analyze it further, assuming all else is working, I chose to simply override the white font with the inline style.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Alarma Caramba! Error 404.</title>
<style type="text/css">
<!--
body {
background-image: url();
background-color: #000000;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.style1 {
font-size: 24px;
font-weight: bold;
}
.style2 {font-size: 14px}
-->
</style></head>
<body>
<div align="center">
<p><span class="style1">Alarma Caramba!</span></p>
<p class="style2">Something went wrong! </p>
<p>You tried to access /dropdowntabfiles/ddcolortabs.css but there is no such place! </p>
<p>Please check the URL in your browser and try again! </p>
<p><img src="../Images/error/carlito.png" width="350" height="350"></p>
</div>
</body>
</html>
howabsurd posted this at 09:01 — 29th October 2008.
They have: 10 posts
Joined: Dec 2007
Thank you for your help! It seems to be working now. I used your code and just got rid of the "color: #FFFFFF;" in the body tag. YAY!!
deerjeff posted this at 06:08 — 11th December 2008.
They have: 4 posts
Joined: Dec 2008
Hi I'm new to CSS. I'm just experimenting with SAFARI browser which suppose to be up to date with all the latest web standards such as CSS. Anyway, I can't seem to get SAFARI to understand a simple embedded CSS section, such as below. I can't seem to get the h1 and body attributes to be displayed by Safari. Is there something I'm missing???? Thanks for your help.
/jeff
John's Page
h1
{
font-size: 36pt;
}
body
{
background-color: yellow;
}
deerjeff posted this at 06:14 — 11th December 2008.
They have: 4 posts
Joined: Dec 2008
Sorry, it looks like I cannot display some html tags. Maybe an attachment to my file would help to determine why SAFARI seems to be ignoring CSS.
deerjeff posted this at 06:22 — 11th December 2008.
They have: 4 posts
Joined: Dec 2008
Sorry for the clutter, if you cannot see the file, I will attach again as code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>John's Hunting Page</title>
<STYLE TYPE="text/css" MEDIA="screen">
h1
{
font-size: 36pt;
}
body
{
background-color: yellow;
}
</STYLE>
</head>
<body>
<frameset cols="140,*">
<frame src="index.html">
<frame src="intro.html" name="showframe">
</frameset>
</body>
</html>
decibel.places posted this at 21:45 — 11th December 2008.
He has: 1,494 posts
Joined: Jun 2008
Hi deerjeff,
Your question should really be a separate thread
I have not tried using a style def in a frameset, that could be the problem, did you try including the styles in the actual docs loaded in the frames?
deerjeff posted this at 05:25 — 12th December 2008.
They have: 4 posts
Joined: Dec 2008
Hi decibel,
You are right, CSS doesn't work with frameset. Just my dumb luck, my first CSS code and I find a non-compliance to the standard. Thanks for the tip, now I can continue learning about CSS. Someone should notify W3C on this.
decibel.places posted this at 05:42 — 12th December 2008.
He has: 1,494 posts
Joined: Jun 2008
I'll give you their private hotline #
Actually, framesets are on their way to being deprecated, replaced by modal divs and iframes.... frames can wreak havoc on your SEO, be very careful!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.