Urgent CSS issue in Safari! LIVE site *****

A site I recently wrapped up was working great in all
browsers, and for some reason I hopped on Safari today and noticed
it's not formatting right at all! I'm not sure where the issue is
as it was hunkey dorey before, and am hoping somebody on here might
know so I can fix it quickly before there are complaints from
people browsing to the site.
http://www.mackinnonicehorse.com
Anybody have any ideas? If you look at it in other browsers
you'll see how the navigation should be, and there are some other
small CSS issues in Safari that I'm seeing. It was working fine
though… ideas? Please help!

Never mind… there was ONE little mistake in my
stylesheet that I fixed and BAM - everything back to normal.
PHEW!!! :)

Similar Messages

CSS Issue in Safari

Hello there and hi fellow MAC users, in particular!
I’m saying this because I’m dealing with an issue
that seems to be exclusive to Apple’s Safari browser.
I’m currently working on a site that makes quite some use of
CSS. Unfortunately, the “bodytext” style in the
inner-page won’t display properly in Safari although it
displays fine in IE, Fire Fox, etc.
You can review the page in question at
www.fastventures.com/eco/temp_sec.html
Please help. Any ideas and suggestions would really be
appreciated! Thanks a million!

We figured it out. It was a sloppy line of code in the CSS.
Thanks anyways!

Safari SSl Issue with Online Grading Site

I manage a department that offers grading of exams online. Users supply their answers and have the server grade the submissions.
We randomly have an issue where Safari users will have their exams graded incorrectly. Basically failing the student even though they have supplied the correct answers.
When we have them resubmit the same answers in IE for Mac the server correctly grades the exam.
This issue is not consistent. Some exams grade correctly in Safari and some do not.
Any advice would be appreciated.

Hmmmm....
via MacWorld:
Nothing in Apple’s ridiculously minimal release notes suggested that this feature existed. But this time, the company’s intransigence in telling you what it has changed in the software you use may have further consequences. How Safari could “know” about these phishing and malware sites raises all kinds of interesting questions. Now we can tell you with reasonable confidence how it all works—but because Apple has not done the same thing, we cannot say with certainty that it is completely private, or that Safari is not sending information about the pages you visit to a third party.

Help needed with Safari CSS issues

Hi Everyone
I'm not sure if this is the best forum to post this in - but couldn't find anywhere more appropriate!
My site, neilcauldwell.com, is suffering from two issues in Safari (it looks fine in IE6/7, FF and Opera);
1. The 'Blog' page is supposed to show three 'windows' at the top for quick navigation between the main topics. However, these won't show in Safari 2 or 3 beta. Does anyone know how I fix this issue? Is it a problem with using overflow:hidden;? Is there not enough room for Safari to present all three boxes (they are packed in closely)?
2. The footer is squashed into a narrow column on the left of the screen, but only in Safari 2 (3 beta doesn't have this issue). The div#footer has been given "float:left; overflow:hidden;" attributes. I've done some reading round and it looks likes the overflow:hidden; is the source of the problems. However, if I don't float the div#footer to the left, all the elements inside the footer are rendered correctly, but the div#footer doesn't wrap all the way round the containing elements and, therefore, appears only to be around 40px in height.
If you can help solve these issues, you're a legend!

You can use Edit...Update Thumbnail on selected images. With 5K images, you'll probably want to do it in stages, perhaps one folder at a time.
I don't think that Optimizing or Repairing the catalog will solve your problem, but I could be wrong about that....
Ken

Dreamweaver browser preview works but not on live site?

Hello.
my dreamweaver browser preview works perfectly, the live site appears different?
how can i fix this issue. this is the url ciesladesign.com
the first image attached...is the disired appearance
the second image attached...is live web appearance (NOT DESIRED)

below is the source:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ciesla design site 01</title>
<link href="CSS/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #FFF;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo"><a href="index.html"><img src="images/CIESLA DESIGN LOGO-01.png" width="800" height="120" alt="ciesla design logo" /></a></div>
<div id="navagation">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
    <li><a href="work.html">Work</a>    </li>
    <li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="headerImg"><img src="images/aboutimagered.jpg" width="800" height="250" alt="portsmouth nh" /></div>
<div id="bodyArea">
<div id="left">
    <p>An Industrial designer from Pratt Institute established Ciesla Design in 2009, a visual solutions based design group. Our Mission is to develop inventive and fresh design. We have developed a comprehensive approach to our design process, employing an innovative interpretation of market research and a unique visual aesthetic. We work intimately with our clients to achieve the most personalized and effective brands and products.</p>
</div>
<div id="right">
<p>mail inquiries to:</p>
    <p>[email protected]</p>
</div>
<div id="footer">Copyright2009</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
below is the css:
@charset "UTF-8";
          margin: 0px;
          padding: 0px;
#wrapper {
          background-color: #FFF;
          width: 800px;
          margin-right: auto;
          margin-left: auto;
#wrapper #logo {
          height: 200px;
          background-color: #FFF;
a img {
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
#wrapper #navagation {
          height: 50px;
          width: 800px;
          margin: 0px;
          float: none;
#wrapper #headerImg {
          height: 250px;
          background-color: #FFF;
          background-image: url(../images/IMG_800x533.png);
          margin-right: auto;
          margin-left: auto;
#wrapper #bodyArea #left {
          width: 550px;
          background-color: #FFF;
          float: left;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
#wrapper #bodyArea #right {
          width: 250px;
          background-color: #CCC;
          float: right;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
#wrapper #bodyArea #footer {
          height: 40px;
          clear: both;
          width: 0px;
          padding-top: 50px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
p {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
          margin: 20px;

CSS Scrollbars in Safari?

Does anyone know of a way to control the appearance of scrollbars in Safari? So far I've read it's impossible! But I live in hope.
The following CSS code will change the appearance of the scrollbars in IE and Opera, but not in safari..
<style>
BODY {
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
</style>
If there isn't a way - does anyone have an idea of when/if Apple will make Safari comply to this CSS standard? Usually, I don't have this kind of issue with Safari - it's usually IE that's the problem!

Stewy3572 wrote:
If there isn't a way - does anyone have an idea of when/if Apple will make Safari comply to this CSS standard? Usually, I don't have this kind of issue with Safari - it's usually IE that's the problem!
I believe the problem is that these CSS styles are not standard.
There's a bit more from the W3C about deciding not to add it to the CSS3 standards
Though it may make sense to design a styling mechanism to control the presentation of scrollbars, the MSIE scrollbar-*-color properties make too many assumptions about a particular scrollbar appearance design.
The working group considered adding the scrollbar-*-color properties and rejected them quite some time ago.
For CSS3 Basic UI, it is too late to add such a significant new feature. It could be considered for a future version.
According to Microsoft, this CSS is a "Microsoft extension to CSS." That would be why you can get it to work in IE and and not in all other browsers.

Slideshow issues with my uploaded site

I have recently built a website in muse and exported to html. I uploaded my website to my web host everything works...except all my slideshows are now up in my banner space in multiple web browsers such as: chrome, mozilla, safari and internet explorer. I did not have this issue when previewing my site, only after going live. How can I fix this?

I looked in Chrome, Safari and Firefox and it looks fine to me? Have you got it sorted out?

Is that a webkit rendering issue in Safari 5.1?

I add my voice to rendering issues encountered in Safari 5.1, here they are:
1) Fonts look pixelated on some websites. Here's an example drawn from weebly.
The font used here is OFL Sorts Mill Goudy, so I guess there must be a font rendering engine in weebly that allows non web safe fonts to be displayed properly. That works fine in Firefox 5 & 6, and until recently on Safari 5. Chrome 12 has exactly the same issue as Safari 5.1, so it could be a general rendering issue in webkit.
2) Videos on Vimeo show now a black rectangle instead of the video.
3) The "Insert image" feature in this forum takes forever to load, displaying a white rectangle during several seconds. Same issue with the Evernote clip bookmarklet.
Hope these issues will be fixed soon, any help is appreciated if something can be changed in Safari settings.
Note: resetting Safari (including cleaning cache) doesn't solve the described problems. I'm running Snow Leopard 10.6.8 on Mac Pro Quad 2.8 Ghz.

Thanks for helping diagnose this.
However, my testing indicates that this is not a bug with border-collapse: collapse. Here is why:
If I change the value of border-collapse to "separate" and add "border-spacing: 0", the bug remains. To try this, request http://www.panlex.org/cgi-bin/plxu28-bug2.cgi .
If I leave the value of border-collapse unchanged but change the button elements in the cells to plain text, the bug disappears. To try this, request http://www.panlex.org/cgi-bin/plxu28-bug1.cgi .
On the basis of this testing, it would seem to me that the bug is dependent on the button elements and independent of the border-collapse CSS attribute.
This doesn't explain, however, why you have found border-collapse: collapse producing slow results with other large tables and it doesn't do so with my table in http://www.panlex.org/cgi-bin/plxu28-bug1.cgi . It also doesn't explain why you saw the bug disappear when you changed border-collapse on my page but I didn't see it disappear.
Any further diagnostic help would be welcome.

Changed Adobe ID can no longer access BC live site

Hi
Having some problems with my Creative Cloud / BC site. I created a Muse site and pushed it live with my CC subscription. I then had to change my Adobe ID due to my old domain expiring (ensure I receive emails etc). Since changing the Adobe ID I can no longer access my live site in BC. Any changes in Muse create a temp site in BC / CC under my new Adobe ID and it is not possible to push these live or assign them to my original live site, which is still hosted by Adobe.
I have tried to swith accounts in Muse but this doesn't work. I've also tried to FTP the changes but cannot get this method to work either.
I'm sure others must have experienced this issue and would really like to know how or if they managed to resolve the problem. Not having any visibilty of my live site is worrying and I desperately need to establish a connection back in Muse between it and my BC account. I'm not a web developer I'm a cameraman so I need simplicity which is why I opted for Creative Cloud in the first place.
Thanks in anticipation for any assistance.
Best
Will

Hi Will,
Not sure in this case as it appears the user ID is just not syncing.
I would recommend reaching out to our chat support with this issue to look into your account and to verify your login details.
http://helpx.adobe.com/contact/index.html (Select BC or Muse for chat support).
Kind regards,
-Sidney

Issue with frames-based sites in Sf-3(L); Looking for confirmation

Is anyone else having issues with Safari 3 (Leopard) and frames-based sites? Specifically, frame sizes not being obeyed?
For example, phpMyAdmin's left Navi frame is, in most themes, supposed to be about 180px wide; if need be, the frame is coded to show scrollbars (again, in all the themes I've used so far anyway).
However, Safari 3.0.4 on Leopard apparently ignores this and resizes the left Navi frame to an unusably narrow width (for reasons unknown - it's not the the right frame is especially full or anything), with no scroll bars either! However, the very same phpMyAdmin site works fine in Firefox 2, where frame widths show up exactly as they are supposed to.
Is anyone else having or can duplicate this issue?

I've been having this problem for months, Safari 3 beta and now Safari 3 on Tiger as well as Leopard.

My preview site displays correctly but my live site changes when I publish it

My issue is that the preview site displays correctly however when I upload this information to the live site, the format changes and displays incorrectly.

Hi,
Are you creating the site in Muse and publishing it to BC.
If yes, can you go to File > Export as HTML, export the file to a folder on your computer and check it if you are getting same issue.
Regards,
Gaurav Aggarwal

A very urgent deployment issue about DBAdapter

Hello All,
I have a very urgent deployment issue about DBAdapter.
That DBAdapter is connect to DB2 AS400 Database. I have a developing database (jdbc:as400://server01/TEST) and a production database (jdbc:as400://server01/PROD).
During developing, I used DBAdapter wizard to create it, and import some tables, and set the Adapter to use jabc/DB2DS as connection information for easily deployment later.
Then I deploy to Production. I configured Data-source.xml and oc4j-ra.xml rightly; I set DB connection point to production database. But the DBAdapter still write into developing Database.
I checked the DBAdapter, the imported tables are something like this, TEST.table1, TEST.table2. And there are a lot "TEST" located in DB2Writer_toplink_mapping.xml, DB2Writer.xml, TEST.schema, DB2Writer.table1.ClassDescriptor.xml.
This TEST is refrer to the TEST in connect String jdbc:as400://server01/TEST.
I think this might be the reason cause the problem. As to production database, "TEST" should replaced by "PROD". If I changed it manually, I have to change every time when switch between TEST and PROD. And I also don't know if it is safe to do it? (I tried, and bring some toplink mapping problem)
By the way, for Oracle Database, because we use 2 instances for testing and production with same schema name, and do not have this issue.
Anyone could help and many thanks.
Kerr
Message was edited by:
Kerr

Hi Kerr,
The idea is to set up all connections in the BPEL or ESB services with logical names, e.g. typically of the form eis/DB/MyFinancialSystem or eis/DB/MyLogisticsSystem. This way, you do not have to modify code when deploying it onto different environments that serve different purposes.
When moving your services through their lifecyle, on every environment you deploy these to you will have the same logical connections configured on each instance, e.g. for DEV, QA, SIT, UAT and PROD. Only, in case of QA the actual physical connection is configured to point to the QA instance of the systems that your services interact with whereas in case of UAT it points to the UAT instance of the same system.
Maybe your problem is caused by connecting as user "SomeUser" when running the DB Adapter wizard during development and actually selecting objects from a different schema than you used to connect with, e.g. "Test" in your case.
Hth,
Sjoerd

Vertical Alignment issue in Safari

I have an issue in Safari displaying content of a table cell as if it's middle aligned and not vertically aligned. It works fine in IE and FF, but not in Safari.
I am using a basic CSS setting for the table cell with vertical-align=top. I have also put in in the td tag valign=top and still have the problem where the content is middle aligned and not top aligned.
Has anyone seen something like this and know what I can do to get it to work?

Do you have a sample or a screenshot that illustrates this?
Check out the Safari Developer's forum for more help; this is mainly used by people who are Users of Safari vs. Web Developers (who should know the difference between browsers).

Firefox 5 disabled my mcafee LIVE site advisor...can i get the version 4 reinstalled onto my comp?

in order for me to run my mcafee LIVE site advisor, i had to switch over to Internet Explorer, which i dont care to use after using Mozilla for a number of years....Mcafee is in process of making this compatible, but, in the meantime....can i get Mozilla version 4 back onto my computer? or has the version been made obsolete?

Due to security vulnerabilities, rolling back to Firefox 4.0.1 is not recommended.
Have you considered alternate site reputation tools, such as the WOT add-on?
Here's the process to roll back to 3.6.18:
First, I recommend backing up your Firefox settings in case something goes wrong. See [https://support.mozilla.com/en-US/kb/Backing+up+your+information Backing up your information]. (You can copy your entire Firefox profile folder somewhere outside of the Mozilla folder.)
Next, download and save Firefox 3.6 to your desktop for future installation. http://www.mozilla.com/firefox/all-older
Close Firefox 5.
You could install Firefox 3.6 over it (many have reported success) or you could uninstall Firefox first. If you uninstall, do not remove your personal data and settings, just the program.
Unless you have installed an incompatible add-on, Firefox 3.6 should pick up where you left off. If there are serious issues, please post back with details.
Note: I haven't actually tried this myself!

IE troubleshooting live site

Thanks to the folks here I got the development issues fixed, now I have IE problems. please see the live site: http://www.hitecsolar.com
The IE bugs I've noticed so far are:
The flash animation on the "How it Works" page plays fine everywhere else, but is squashed in IE (it takes a minute to load, I have to compress it some more.)
IE8 - the only page they can view is the "How it Works" page - don't know what's up with that. IE 7 sees every page just fine & IE8 can't see anything?
I have a png transparency script in place for IE 6 & older, but it's not working on my dinosaur machine, so maybe I need to find another script cause it's an old one itself? Or I missed a line when I copy/pasted from the doc I don't know. A second pair of eyes saved my bacon with code before so...
I still have to fix the quicktime videos, but that seems little compared to these glaring errors. =)

Doh!
Ok. The correctPNG script still isn't working & there are validator errors that I don't understand. Can you translate those too?
Line 17 Document doesn't allow element "script" here
Line 42 An attribute must start with a name or name token
Line 42 Document does not allow element "span" here
Line 95 Required atribute "alt" not specified
IE is displaying the comments that are supposed to be hidden in the script, so I'm pretty sure the errors have something to do with it. I found the code online years ago & saved it. I must have corrupted it somehow...
So sorry to be such a pain. Part of the learning curve?

Urgent CSS issue in Safari! LIVE site *****

Similar Messages

Maybe you are looking for