Image layouts display differently in Safari than in Explorer

I have noticed that web page images display differently in Safari than in Explorer on a PC. On a PC, the web page may display three images side by side. In Safari, I might get two images side by side and the theid image below. Is there any correction for this? Thanks.
Norb

#sidebar_1 a:vistied {
color:#000;
is stating that all visited links in the #sidebar_1 div to be black. Are you saying that all visited links are black, outside the sidebar_1 div?
Jim

Similar Messages

Webpage displays differently in safari

Hi,
I'm having some trouble getting my website to display correctly in safari. It's fine in chrome and firefox but for some reason not safari. Thi is how it is supposed to look:
whereas this is how it displays in safari:
the site is located at http://www.shanghainightsbristol.co.uk/shanghai-new/
any help would be muc appreciated!
thanks,
Chris.

WTF? I'm confused - why are you using the image below to get a white background in the .middlecontent-back <div>?????
http://www.shanghainightsbristol.co.uk/shanghai-new/whiteback.png
If you want a white back just add background-color: #FFF; (as below) and comment out the background image as shown:
.middlecontent-back {
    width: 1020px;
    height: 777px;
    float: left;
    /* background: url(http://www.shanghainightsbristol.co.uk/shanghai-new/whiteback.png) repeat-x #FFF;*/
    background-color: #FFF;
    margin-top:25px;
    margin-bottom:25px;

On my Mac, why do websites display differently with FireFox than Safari.

I have been using FireFox on my Mac and prefer it over Safari, BUT recently, some, not all, websites are not displaying correctly! When I use Safari all the content is there and the websites display as they are supposed to. (I tried to insert a screen shot but unable to do so) I have the most current FF version installed, unless FireFox is not happy with my older MAC OS ??

Thank you for the info!! Attached are a few screenshots to show the problem - I now know how to do a screen shot! thx.... anyway note on the Ancestry shot Safari shows a male or female head whereas Firefox show a simple symbol for male/female. I spoke with Ancestry and it is supposed to be the male/female head icons that are displayed. In the Yahoo shot Safair displays the icons and names for reply, delete etc but Firefox has some icon that only if you hover over it will it then display the name or what it is. this is very perplexing as I really prefer Firefox over Safari... any help will be appreciated! thank you

How can I determine what software needs to be installed for images to display in a Safari browser?

Hi Everyone,
I had to rebaseline my MacBook Pro and I am starting from scratch. When I open certain webpages in Safari, the images I know should be displayed are not coming up as though I am missing some sort of COTS software. I do have Adobe Flash installed already but obviously that is not what I need or I would be seeing some images. I would appreciate any help/suggestions trying to figure out what I need to see images on certain webpages. My guess is the images are dynamic being flashed across the screen to make people want to buy their products. Thanks in advance!

Flash likley needs to be updated, web browsers will disable outdated plugins now.
Use this handy checker. and it wouldn't be a bad idea to have more than one web browser on the machine.
https://www.mozilla.org/en-US/plugincheck/

HTML Files Displaying Differently In Safari?

I've got several HTML pages that I've created from Excel files. I've noted some differences in the way these pages display in Safari (I'm running version 2.0.3 of Safari on OS 10.4.5).
First, there's a line of text in these files displaying in the wrong font. The text is in "Denmark" but it's displayed in "Helvetica".
Second, the frame borders I've put in the Excel files aren't displaying in the web pages.
I've opened these files in Internet Explorer, Firefox, and Opera and in all three, they look just fine. Why the differences with Safari? How can I get these pages to display as I intended?
Thanks.
PowerBook G4 Titanium 550 MHz Mac OS X (10.4.5)

Its not a web-safe font and may be substituted when your site is viewed on a PC. This will look weird and may screw up your layout.
If you really must use a non web safe font you need to convert it to an image but this increases page download time and the search engine spiders can't "read" it.
The iWeb help file will give you info on converting font to image. Also turn on the imagining indicator in iWeb prefs.

JPEG Images Appear different in Safari vs Internet Explorer

I created a logo for a web site using Photoshop CS2 and noticed that in Safari, the alpha channel (which is supposed to be transparent) gives the logo the appearance of a cream colored background while in Internet Explorer, the logo background has the expected transparent effect.
Can anyone explain why I am seeing this difference?
The site is http://polyols.synair.com/toll_manufacturing.htm in case anyone wants to run the comparison themselves. The logo is in the upper right hand corner of the page.
There is only the one image file for the logo.
Thanks,
Jeff

Hi Jeff, and welcome to Apple Discussions!
I have taken a look at the link you provided, but do not see the problem you describe.
The logo looks the same in both Safari and Explorer on my Mac, as well as Explorer and Firefox on my PC... if you could provide some extra information on which version of OSX you are using, as well as which version of Safari, we may be able to figure out what's happening.
Maybe you could even upload a screen shot of what your browser displays and provide another link.
Also, note that your logo is a JPEG, which does not support alpha channels or transparency (as far as I know). It looks to me like it is a flattened image of your logo with a shadow on a plain white background.
In addition, might I suggest you extend the area below the logo, as the shadow is getting cut off.

Why does my flash image viewer look different in firefox than in IE...

So I have created a horizontal spry bar that overlaps a flash image viewer slide show. When i load the page in IE everything works fine, but as soon as you open it in firefox it works improperly...you can hit refresh in firefox and sometimes it resizes the image I don't understand how that is possible....if you have any input it would be greatly appreciated! Thank you!

You need to be aware of the limitations of the various browsers and make sure you use web-safe fonts and colors.....
http://www.iwebformusicians.com/WebMusic/FontsandColors.html
Do a Command A on all your pages in iWeb to make sure that objects/text boxes are not touching or overlapping.
Firefox has problems with displaying drop shadows/frames etc.
To get help with specific issues you would need to tell us the URL of our site.

CSS for links display differently in Safari and Firefox

Hello all,
I am having some link display problems. The CSS code for my link display is as follows:
#sidebar_1 a{
text-decoration: none;
font-weight: bold;
#sidebar_1 a:link{
color: #CCC;
#sidebar_1 a:visited{
color: #000;
#sidebar_1 a:hover, #sidebar_1 a:active, #sidebar_1 a:focus{
color: #000;
Unfortunately, the website is not live yet so I can't direct you to it.
What happens: in Firefox, mousing over a link causes it to go black; but when the link is clicked and the new page has loaded, the link goes back to being gray even though the linked page is active. However, in Safari the links for visited pages stay black. Any ideas on why this is happening?
Thanks in advance for all your help.

#sidebar_1 a:vistied {
color:#000;
is stating that all visited links in the #sidebar_1 div to be black. Are you saying that all visited links are black, outside the sidebar_1 div?
Jim

Web layout displays fine in Safari, Firefox but not in IE6

HI there
Am new to this forum and really hope you can help. I have
designed a website for someone integrating various flash files into
dreamweaver 2004 MX.
Each flash file represents, top nav bar, side nav bar, right
nav bar, title of body, and body of page.
I am using server side includes for each flash file such that
each nav bar etc has its own html doc.
I have used relative positioning in order that the website be
centered on the page.
My problem is this:
I am using Dreamweaver on Parallels VM on my intel Mac and
therefore check the layout on Safari and Firefox.
When trying to position each layer on dreamweaver such that
they viewed correctly on those browsers they had to be positioned
such that looked 'skewed' on the dreamweaver preview. In other
words the left nav bar would appear to be much lower down compared
to the top nav bar; the right nav bar was even lower on the page,
about half way down; and the title and body layers were 'pushed' to
the bottom.
The thing is i had to position it this way so that it would
look fine on safari and firefox - -otherwise the layers would
overlap or be way out place.
The only way to see this for yourself is to look at the
website on IE6. ON IE6 it looks exactly as it does on dreamweaver
preview. however, on IE7, Safari and Firefox it looks as how i want
it to look.
So just to recap on my ramblings: Website layers look out of
position on Dreamweaver preview and IE6, but look fine on other
browsers.
Does anyone know why this is happening?
The website is
PUURGEN.COM

HI Murray.
You dont really seemed to have tried to answer my question
and you seem to be a little misinformed about flash these days.
please read the following for example:
http://googlewebmastercentral.blogspot.com/2008/06/improved-flash-indexing.html
http://www.adobe.com/devnet/flashplayer/articles/swf_searchability.html
Ok, this is just for google, but Yahoo is very soon to follow
suit.
quote:
Originally posted by:
Newsgroup User
> Each flash file represents, top nav bar, side nav bar,
right nav bar,
> title of
> body, and body of page.
<OUCH>
This is a guaranteed no-show in search engine indexes, you
know? Not only
can they not index your site, they cannot read any of its
contents. And as
for accessability, forget it.
Are you sure you want to continue on this non best-practice
road?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"rustypico" <[email protected]> wrote in
message
news:[email protected]...
> HI there
>
> Am new to this forum and really hope you can help. I
have designed a
> website
> for someone integrating various flash files into
dreamweaver 2004 MX.
>
> Each flash file represents, top nav bar, side nav bar,
right nav bar,
> title of
> body, and body of page.
> I am using server side includes for each flash file such
that each nav bar
> etc
> has its own html doc.
>
> I have used relative positioning in order that the
website be centered on
> the
> page.
> My problem is this:
>
> I am using Dreamweaver on Parallels VM on my intel Mac
and therefore
> check
> the layout on Safari and Firefox.
> When trying to position each layer on dreamweaver such
that they viewed
> correctly on those browsers they had to be positioned
such that looked
> 'skewed'
> on the dreamweaver preview. In other words the left nav
bar would appear
> to be
> much lower down compared to the top nav bar; the right
nav bar was even
> lower
> on the page, about half way down; and the title and body
layers were
> 'pushed'
> to the bottom.
>
> The thing is i had to position it this way so that it
would look fine on
> safari and firefox - -otherwise the layers would overlap
or be way out
> place.
>
> The only way to see this for yourself is to look at the
website on IE6.
> ON
> IE6 it looks exactly as it does on dreamweaver preview.
however, on IE7,
> Safari and Firefox it looks as how i want it to look.
>
> So just to recap on my ramblings: Website layers look
out of position on
> Dreamweaver preview and IE6, but look fine on other
browsers.
>
> Does anyone know why this is happening?
>
> The website is
>
>
http://www.puurgen.com
>

Ebay images not displaying in search - Safari, Firefox, chrome

Hi there.
I have a questions that's been bugging me for a couple of weeks now. I use Ebay a lot but recently when I do a search the images don't appear. It's not consistent either, sometimes it happens, other time not at all and sometimes to some but not others.
I tried using Chrome, Firefox and Safari but all have the same results. I uninstalled all 3 and re-installed the latest versions of Safari and Firefox but still it happens.
I'm using a Macbook pro on SL 10.6.7 connected to a Airport extreme that's connected to a virgin media cable modem.
I've also reset the Airport extreme back to factory settings.
Any helps or suggestions to what this could be? Done searches and some suggest it may be ebay (Doesn't happen on any other system, network or connection) other say extensions for the browser and even Java.
Thanks for any help.
Grant.

Hi Chris.
Certainly seems to work just now with those. Then again it has been working on and off. I'll keep those for a few days and see if it's ok. If it has worked I owe ya one, thanks.
Any idea why this has happened? Also there wasn't 2 numbers in there to remove, just the one.
Thanks, G.

Image Displays Differently in PS and Br CS4

I have a gs tif file that I converted to cmyk. In PS the cmyk version looks virtually identical on screen to the gs version although when you hold the eyedropper over the image, cyan displays as a higher percentage than m or y, with k lowest in both the cmyk conversion and the grayscale original...what do I have set wrong! In Bridge the cmyk version clearly shows a cyan cast.
Color settings are synchronized in CS4.
Can anyone tell me why: 1, the images are displaying differently, and, 2. using Convert To Profile, cymk, Working CMYK US Sheetfed Coated v2, image appears to have a distince cyan cast? And why, for that matter, is the GS image showing uneven cmyk percentages?
Thanks in advance
J

the images are displaying differently
Have you proofing enabled in both of them? Even if the profiles match otehrwise, that option still has to be toggled.
image appears to have a distince cyan cast?
Well, if you print CMYK, you want "rich black", which means that it needs to be underprinted with another color to not look like a dull gray. Only spot black/ text black does not require that. That's not the point here, though. It's really due to the conversion being done wrong. If you really want to retain the blacks as a pure channel, use the method described. Also, if you can, in the future simply start out in CMYK to avoid these issues.
Mylenium

PS CS5 Image Display Differs From Used ICC Profile In Win 7

Hi,
on my Windows 7 Ultimate x64 machine, I just calibrated my Dell SP2309W monitor using an i1DisplayPro and basICColor 5, creating a ICC v2 profile (I am aware of the problems under Windows with ICC v4 profiles).
It created the ICC profile and applied it to be used by Windows. I double checked under COLOR MANAGEMENT that the new ICC profile is being used. Although I can see that the new ICC is being used (desktop appearance changes), there are a few issues I am experiencing:
(1.) Windows Photo Viewer
The thumbnails in Windpows Explorer look fine (they DO use the new ICC profile), when I double click a jpeg and open the image it DOES NOT use the new ICC profile. When I click the PLAY SLIDESHOW button (starting the slideshow) in the opened image in Windows Photo Viewer, the images DO use the new ICC profile.
(2.) Internet Browsers
All current internet browser (Firefox, IE, Safari and Chrome) DO use the new ICC profile and display the image correctly.
(3.) Photoshop CS 5
When I open the same image - that Windows Photo Viewer does not correctly displays (according to the new ICC profile) - in Photoshop CS5, I get the same image display that Windows Photo Viewer gives me (when not thumbnail or not in slideshow mode) - it appears to be the sRGB display.
My color settings in PS CS5 are: North America General Purpose 2 > sRGB IEC 61966-2.1.
When I go to View > Proof Setup > Monitor RGB I get the image display using the new ICC profile.
Why does the image look different in PS than my calibrated monitor should output ?
I was under the impression (please correct me if I am wrong), that the sole purpose for calibrating my monitor was to get a uniform display across (ICC aware) applications. Even when one applies different color spaces to a document in PS, I thought the output on my calibrated screen done by the graphic card should always be according to my calibration and the settings in the ICC profile being used.
What Am I doing wrong or what am I misunderstanding ?
Any help or input is appreciated !
Thanks.
- M

Hello,
A note on monitor calibration: calibrating your monitor will not guarentee that every application will display color correctly, it's more of a step along the pipeline, and for the preview part of a color workflow it's the last step. Here's how color translation follows for an ICC workflow when previewing to a monitor:
Image Color Numbers > Document Tag or Workspace Profile > Monitor Profile
For non-color managed applications, if the original document is or isn't tagged with a color profile it will be translated directly to the monitor profile anyway. This is the equivalent in Photoshop of selecting "Monitor" in soft proofing. Selecting monitor in softproofing will bypass the tagged or workspace profile to translate colors directly through the monitor profile.
For most automatic color managed applications (like Firefox), the image will be translated through the tagged profile and then sent through the monitor profile. If the image is untagged or the profile is unrecognized, the colors get sent directly to the monitor profile.
For Photoshop, a tagged document will have its profile respected and then sent to the monitor. An untagged document will be assigned the workspace profile, which acts like a temporary document profile, and then gets sent to the monitor. This is often why users will notice Photoshop behaves differently from other applications. It's usually a case of the workspace coming into play. By default the workspace profile is set to sRGB. You can change this in Edit > Color Settings.
The purpose of the workspace is originally for printing workflows, as a way of keeping consistant color translations when dealing with both tagged and untagged documents. For web output workflows it can be useful for viewing everything through sRGB, which is typical of the average monitor output (not so with newer wide-gamut monitors, another source of confusion...) combined with the fact that originally most web browsers were not color managed. Hence viewing everything through sRGB is pretty close to what most monitors see and what untagged/unmanaged docs will look like.
Monitor calibration is useful only because it brings your monitor output to a "known state". In traditional workflows the monitor was always a middle-man, a preview device which was useful for getting an idea of what the printed output would look like before you print it. Since print colorspaces are often smaller than display spaces, it's feasible and useful to narrow down the monitor/display space and calibrate it to a known state, so that even if it doesn't totally match the print, you'll get used to its differences/limitations and they'll be consistent so long as the calibration is maintained.
For web output, your final output is often another user's computer monitor, which can have any form of behavior (most standard monitors are pretty close to sRGB, or use sRGB as an operating system workspace (default monitor profile). Wide gamuts behave differently, but I'm not sure if there's a particular ICC space that they closely match, or if different wide-gamuts are even that close to each other in their display color spaces.
Hope this helps!

Saved image displays differently outside Photoshop

When I save an image I've been working on in Photoshop, then open the saved file outside Photoshop, the image looks quite different than it does inside Photoshop, much drabber and less saturated. I have both Photoshop and the display program set to sRGB. I figure that I should have consistency within the monitor, whether it's calibrated or not. I'm sure I'm missing something basic here. I'd appreciate any help here, because my prints wind up drab, too. Many thanks!

LBJack wrote:
I overlooked one switch in the Save dialog. Now the images display correctly.
Can you be more specific, please?
Were you saving images without a color profile before, and some application(s) in your system were displaying them improperly?
Problem is, in that case one wouldn't really expect to see the kind of difference you describe unless your document profile really wasn't sRGB IEC61966-2.1.
Is it possible you're editing your images in the Adobe RGB 1998 color space? That could happen if you're opening images through Camera Raw, as the color space it's set to deliver is configured separately (via the link at the bottom-center of the Camera Raw dialog) from the Photoshop defaults.
By the way, if you don't already know, you can easily set the status block in the lower-left of the Photoshop window to show you the color space of your current document:
-Noel

How do I make a 20 X 30 print with layers of 16 X 20, 12 X 18, 11 X 14, 8 X 12, 8 X 10, 5 X 7 and 4 X 6 of the same image to display the different sizes available to someone? Using Elements 13 with Windows 8.1

How do I make a 20 X 30 print with layers of 16 X 20, 12 X 18, 11 X 14, 8 X 12, 8 X 10, 5 X 7 and 4 X 6 of the same image to display the different sizes available to someone? Using Elements 13 with Windows 8.1
A senior citizen needs some help.
Thanks

Saving each image as different size - is it an option for you? I would save images with their name as: 20x30.png, 16x20.png etc etc.
Or explain whether you want these in a webpage in which case only one image is necessary and different sizes are displayed with good CSS code. this is question for Dreamweaver forum if this is what you want.

I have just intalled PSElements 12 on a new PC with windows 8.1. It installed ok but when I open it up it displays different than on my windows 7 PC. The buttons and text are tiny and almosy impossible to see even when I drag it to full screen. How do I a

I have just intalled PSElements 12 on a new PC with windows 8.1. It installed ok but when I open it up it displays different than on my windows 7 PC. The buttons and text are tiny and almosy impossible to see even when I drag it to full screen. How do I adjust it to look normal?

Hi Paul ,
It could be a compatibility issue as well as Acrobat 8 is an older version.
Do you get any error message while registering for the product?
Try repairing it and once and also check for updates as well.
Is it happening with all the word files or any specific one'?
Regards
Sukrit Dhingra
Acrobat 8 and Windows 7 Don't Work

Image layouts display differently in Safari than in Explorer

Similar Messages

Maybe you are looking for