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;

Similar Messages

  • 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

  • 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.

  • 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

  • Why are websites such as Amazon, Lowes displaying different on a MacBook Pro OS X Yosemite and Safari or Chrome as browsers?

    Why are websites such as Amazon, Lowes displaying different on a MacBook Pro OS X Yosemite and Safari or Chrome as browsers?

    Even the http://www.apple.com/support/ website. See this screen shot from the bottom top and bottom of http://www.apple.com/support/

  • Fost Displaying Differently in Different Browsers on Same Computer

    Why would a font display differently on the web page depending on the browser? If the font is installed on the computer (a Mac), isn't it available to all browsers?
    The specific problem I am having is with Palatino shadow. (The shadow is important, as it increases the contrast of the text against the image background.) The shadow shows up in Safari but not in Firefox.
    Why would this be?

    Firefox doesn't do shadows in the current version.

  • Colors are Different in Safari then in IE or Firefox...

    Hi All,
    I am trying to put together my first website. I am using a specific BG color, the problem is that this color is appearing differently in Safari then in IE or Firefox. IE and Firefox display the color correctly, but the Safari color is off. Any ideas?

    Thanks for that - might have realised this a lot earlier if it didn't work in Safari!
    I assume I just need some CSS like:
    .formbutton
      background-image: image1.jpg;
    .formbutton :hover
      background-image: image2.jpg;
    And:
    <input type="submit" name="KT_Insert1" id="Send" value="Send message" class="formbutton" />

  • Displaying different spaces in dual monitors

    Hi, all.
    I am using dual monitors in Mountain Lion. Can I display different spaces (desktop 1, desktop 2 or dashboard) in different monitors using mission control?
    Thank you.

    lokyin wrote:
    I am watching live broadcast or youtube in Safari in one window and browing the web in another window separatly. When I put the live broadcast or youtube in full screen (not the Safari full screen mode), I cannot browse the web in the other window beacuse I cannot locate my mouse.
    Any suggestion for me to watch youtube in full screen in one monitor and browse the web in the other monitor using the same application?
    Thank you.
    I don't know how to achieve what you want exactly, but for this very same purpose I have used two browsers.
    My usual browser is Safari, but I have successfully done what you describe by opening the broadcast with Chrome and navigating the web in Safari at the same time (I suppose Firefox would work just as well).

  • Webpages look different on all mac browsers than they do on IE

    Ok, I just purchased an IMAC 27inch and I am not happy. The WebPages I used to do my job on my windows machine worked fine. On my IMAC, they look different, as if part of the page is lying on tope of another part of it, or like the tables used to create the web page are skewed.
    I have tried this on Safari, Firefox and Opera. I went back to the mac store and brought the webpage up on the model in the store and the same thing happen. The sales person downloaded and installed Chrome and there was no change. It did the same thing on chrome.
    Has anyone had a similar problem? WebPages looking different on the IMAC than they do on windows IE? I need to get this figured out fast or I will just take this thing back. I have 11 days left on the 14 day return policy. Help.
    I will try and figure out how to upload a pdf of both WebPages to this thread

    So, is this your first Mac? I remember when I switched over from a PC, I had the exact same issue. Trust me on this one, there is nothing wrong with your computer, it simply takes time to mentally adjust to the differences. It looks as if Safari does not show the complete webpage, or looks as if it is cutoff, or as you said, "skewed." But it is not, your eyes are so used to the IE format and your brain has grown so accustomed to your internet experience being a certain way that it takes time to get used to it. I posted the EXACT same question five years ago in this forum and everyone told me what I am telling you and I got pretty upset with some very knowledgeable people. Now I feel like a fool for having disagreed because I see nothing wrong with it at all, but I am using the same exact computer I was five years ago (I love IMac's, how many PC's can one say that about) You will get used to it, no doubt about it.

  • Search box not displaying correctly in Safari

    How can the search bar on the Apple site not display correctly in Safari? I find this odd that Apple would allow this. It displays like 2 search boxes overlapping each other. It still functions correctly but it is a little embarrassing since I am always bashing windows pro browser display.

    Hi
    Welcome to Apple Discussions
    Might be a corrupted cache or cookies issue. First, go to Safari Preferences>Security>Show Cookies. Type Apple in the Spotlight panel. Highlight/remove the cookies. Then, go to the Safari Menu>Empty Cache. Try the Apple site.
    If the double search panel still appears, go to the Finder: Your User Account>Library>Caches. There, move to the trash the com.apple.safari file. Restart Safari and try the Apple site again.
    Post back

  • Multi gesture for browsers different from safari

    Multi gesture for browsers different from safari, for example right to left scroll to previous page. How to set it like in Snow Leopard?

    THe only gesture to change tabs is to tap the tab in the address bar. You can go back a page in a website by holding one finger on the left side of the screen and swiping right. You can go back to a previous app by placing four fingers on the right side of the screen and swiping left.

  • Illustrator CS4 and my drop down menu displaying different typefaces is no longer displaying font preview.

    I am using Illustrator CS4 and my drop down menu displaying different typefaces is no longer showing all of them, just blank spaces where they would be...that is unless I put my cursor over it and I can then see the typeface. This is more of a nuisance than anything and didn't happen until I updates OS X to Yosemite. I currently am operating OS X  Yosemetie 10.10.2
    I have attached a screen shot. You can see that the font highlighted as the cursor is over it I can see the preview...but one I move the cursor it appears like all the others in the list and is blank.
    HELP!

    Solved using this previous users had the same issue; Font previews not appearing correctly in the character window after upgrading to Yosemite

  • How to display different icon within WDA alv table base on row data ?

    Hi,
    is that possible to display different icon for every row within ALV table depending on the row data ?
    for instance if the status 'S' display ~Icon/SuccessMessage and 'E' display ~Icon/ErrorMessage ?
    because base on this code below i only can set 1 icon for the whole row data.
    LOOP AT lt_columns ASSIGNING <fs_column>.
        CASE <fs_column>-id.
          WHEN 'ICO'.
            CREATE OBJECT lr_caption.
               lr_caption->set_image_source( value = '~Icon/SuccessMessage').
               <fs_column>-r_column->set_cell_editor( lr_caption ).
        ENDCASE.
      ENDLOOP.
    Thank you in advance.
    Fernand

    Hello,
    Yes it is possible to display different images based on data.
    For that what you can do is create one attribute 'STATUS' of type string in context node which you are mapping to ALV.
    And fill that attribute with the path to image based on your requirement like for status 'S' set the attribute to ~Icon/SuccessMessage and if status is 'E', set it to ~Icon/ErrorMessage at runtime.
    Now in the settings for ALV use the following code:
    * Display icon in column seatsocc
      DATA: lr_column TYPE REF TO cl_salv_wd_column,
            lr_image TYPE REF TO cl_salv_wd_uie_image,
            lv_icon TYPE string.
      lr_column = lv_model->if_salv_wd_column_settings~get_column( 'SEATSOCC' ).
      CREATE OBJECT lr_image.
      lr_image->SET_SOURCE_FIELDNAME( 'STATUS' ).
      lr_column->set_cell_editor( lr_image ).
    in the above code, column 'SEATSOCC' will be displayed as an icon.
    Sample code to fill the attribute 'STATUS'
    LOOP AT lt_flights INTO ls_flight.
        lv_seatsfree = ls_flight-seatsmax - ls_flight-seatsocc.
        IF lv_seatsfree = 0.
          ls_flight-status = 'ICON_RED_LIGHT'.
        ELSEIF lv_seatsfree <= 50.
          ls_flight-status = 'ICON_YELLOW_LIGHT'.
        ELSE.
          ls_flight-status = 'ICON_GREEN_LIGHT'.
        ENDIF.
        MODIFY lt_flights FROM ls_flight.
      ENDLOOP.
    Hope this helps!
    Regards,
    Srilatha
    Edited by: Srilatha M on Jun 25, 2010 12:02 PM

  • Thumbnails are not displayed correctly in Firefox, but displayed correctly in Safari and G. Chrome

    Firefox display problems regarding this customers site:
    http://gardenia.dk/collections/collection/
    Thumbnails are not displayed correctly in Firefox - only a tiny bit of the picture is visible, incorrect scale (displayed correctly in Safari and Google Chrome).
    Can I do anything to make it work in Firefox, too?
    Kind regards,
    Annette

    This article might help you-
    https://support.mozilla.org/en-US/kb/websites-look-wrong-or-appear-differently

  • Fonts Do Not Display Correctly in Safari and Firefox

    Certain fonts do not display smoothly in Safari and Firefox. They appear to have little pieces of the letters missing. I'm sure others have experienced this problem before but I could not find how to fix this. On the Apple Discussions the fonts look fine... on Google for example, they look messed up. I do not know specifically which font(s) are displayed weird but it happens frequently. This happens in Safari and Firefox on my MacPro and MacBookPro. Is there a setting to fix this?
    Thanks,
    -flash

    Hello Flash, welcome to Apple discussions; )
    Look for Helvetica Fractions and Times Phonetic Fonts, if you have them,
    they can be the usual suspects.
    Check the Text encoding in both Safari & FF, under the "View" menu.
    In System preferences-> Personal (top section) in Appearance tab->
    on the last portion of the panel Font smoothing Style: set that to Automatic
    If those don't help, see this users tip excellent article Kurt Lang's ~ Font Management in Mac OS X
    Look into this application to find any corrupt font[s]Font Finagler
    Good luck, let us know how you fare.
    Eme'~{)
    edited by: Eme

Maybe you are looking for