Webpage looking funky in Safari

Hi!
I'm having trouble with my menu text coming out aligned vertically when viewed in Safari.
In Firefox it looks as it should:
http://www.imageox.com/image/362619-Bild2.png
But in Safari it looks like this:
http://www.imageox.com/image/362620-Bild1.png
Anyone have any ideas on what could be causing this? I don't know where to start. It looks fine i iWeb of course.
Kind of ironic that Safari is giving me trouble. One would think that iWeb/Safari integration would be better than Firefox dito. Oh well.
Thanks a lot in advance,
Erik

The site wasn't published yet, but you're right, it'll be easier to help that way:
www.sötadrömmar.se
The address contains swedish umlauts as you can see, but hopefully you'll be able to click the text to enter.
Thanks
Erik

Similar Messages

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

  • Dreamweaver text looks fine in Safari but not Firefox NEED HELP!!!

    Dreamweaver text looks fine in Safari but not Firefox, all my text goes out of alignment and the fonts look like different sizes. Please let me know your thoughts. Here is a link to the page I'm having problems with. http://www.alexandrasantibanez.com/bio.html

    I had the same problem for days what a waste of time trying
    to figure out code... the code was fine. I was running flash player
    7.0 Upgrade your flash plugin to 9.0 and it should work fine in
    Firefox and IE. It did for me.

  • Pics suddenly look funky after being saved as tiffs

    I use Windows 7 and PS CS4. Haven't had any problems until last time I worked on a group of photos of in PS, got them to look the way I wanted, and saved them as tiffs when I finished. (I have done this many times before with no issues) When I went back to Bridge to view them again, all of my tiffs (even ones that I had not just worked on) looked funky. They are all now very bright and nuclear looking. My jpegs and raw files are normal with no changes. I have NO idea why they all look this way, and is there anything I can do now that they are tiffs to make them look normal again?? Any help is greatly appreciated!

    Well, that suggests a color management issue. Since it is only happening with tiffs, however, it may have to do with the source profiles in your images. Some cameras do not attach a source profile to jpeg images and raw files typically get profiles after going through ACR, so IF that represents the kind of images you are dealing with it would only be the edited images saved as tiffs that have a source profile embedded.
    So the question is why should this all of a sudden be a problem. Since you are working in Win 7, you may either have a new computer, or at least a new installation of the operating system, and consequently a new install  of CS4. That suggests that your color settings may now be different than when you created the old tiffs. Depending on your current Photoshop working space and your color management policies this could produce different appearances.
    I have no idea why the new tiffs might look different unless they have no profile saved with them.
    You may also have a new display and a  new display profile, but that should change the appearance of all the file types, not just the tiffs. So I suggest checking your color settings and see if they are as they have always been. Not a crisp answer I know, but a few things that came to mind in readng your post.
    Paulo

  • FF4.0 Windows XPv3 drag tab to 2nd screen, drag bar off screen at top, close other browser window, shuts down both browser instances. BTW, look at how SAFARI does the drag tab to other screen, that is how!

    FF4, drag 2nd tab to new window.
    2. top dragbar is off screen at top. I unmaximize the original screen, now that one also pushes the drag bar to the top off the screen. I resize the bottom of the screen and I can see a sliver of the top dragbar. If I close one browser window, both shut down. Auch!
    Please take a look at how safari renders a second browser window when you drag one tab to the other window. Cool!

    FF4, drag 2nd tab to new window.
    2. top dragbar is off screen at top. I unmaximize the original screen, now that one also pushes the drag bar to the top off the screen. I resize the bottom of the screen and I can see a sliver of the top dragbar. If I close one browser window, both shut down. Auch!
    Please take a look at how safari renders a second browser window when you drag one tab to the other window. Cool!

  • Design View is Terrible but the Webpage Looks Great

    My HTML webpages look great on my web server. However, when I
    open a webpage in Dreamweaver the Design View looks nothing like
    the page posted to my website. This is really frustrating since it
    makes edits more difficult to perform. I'm using Contribute to edit
    webpage since they uploaded to Contribte and display correctly.
    Can anyone out there assist me in fixing the Design View in
    Dreamweaver?

    Clancy:
    You layout plan is pretty strange. I guess I would never do a
    layout that
    way, honestly. It will take me some time to study what you
    have done....
    Anyhow, what happens if you add "margin:0 auto;" to pfm2?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Clancy" <[email protected]> wrote in message
    news:[email protected]...
    > "Murray *ACE*" <[email protected]>
    wrote:
    >
    >>> 2. Dreamweaver (8) design view is quite buggy.
    If you nest tables about
    >>> three
    >>> deep, or use CSS to define table styles (among
    others), the display is
    >>> likely to
    >>> be way off.
    >>
    >>Baloney. Show me an example of this, please.
    >
    > One case where IE6 does what I expect it to do (though
    perhaps not what
    > CSS says
    > it should do), and Dreamweaver doesn't, is shown at:
    >
    >
    http://www.corybas.com/Cydalba/Test/Test_page_a.php
    >
    > The two tables class pfm and class pfm2 are both
    formatted in CSS, but
    > aligned
    > centre in HTML. In IE6 (at least) they are centred on
    the screen, whereas
    > Dreamweaver shows them both aligned left.
    >
    > A case of a complex table which frequently throws
    Dreamweaver into
    > hysterics is
    > shown at:
    >
    >
    http://www.cybec.com.au/Trinity.htm
    >
    > You will probably say (with considerable justification)
    that this page is
    > too
    > complex, but quite often when I'm editing it, design
    view goes sproing,
    > and
    > expands the display to several screen widths. The first
    few times this
    > happened
    > I assumed I had done something stupid, and spent a
    considerable amount of
    > time
    > backtracking, but now I am fairly certain that it is
    just another of
    > Dreamweaver's annoying bugs and just ignore it. The next
    time I reload
    > the page
    > it usually displays correctly.
    >
    > The trouble with this sort of thing is that it destroys
    your confidence
    > both in
    > Dreamweaver and in your own site, as you think that what
    you are doing is
    > correct but you can never be entirely certain.
    >
    > There are several other bugs in Dreamweaver relating to
    mixed HTML and
    > php. I
    > have some screenshots displaying these, and I will post
    these later.
    >
    > Clancy

  • New safari update (5.1.2) for windows does not load any webpage. i can open safari but nothing happens.

    why wont it load?

    Try this:
    Bring up the Windows Task Manager.
    Look for a process called: "WebKit2WebProcess.exe" and there may be a *32 after the name.
    Now Look for a "Safari" process, there may be multiple instances, but the primary instance will be identified by the significantly more memory that it uses.
    Kill both processes.
    The Kill order may be important.
    If the WebKit process is running alone kill that first, and try to relaunch Safari.
    If a Safari process(s) is running, Kill the primary instance, The WebKit process should also go away but if not Kill WebKit too.
    It may take more that one launch attempt to clear the memory.
    Further,, you will likely have to do this at each Safari launch because these processes become unstable after short use - until Apple fixes this bug.
    -Alan
    Ps: I have no issues what so ever on Lion, just Windows 7

  • Web banner looks different in Safari

    I replaced a Web banner on a site I do work for and it looks different in Safari then in FireFox and IE.
    The banner blends in to the background in the other browsers but the color appears "off" in Safarai.
    Is there anything I can do to fix this? I have never had this problem before.
    Here is the site: http://www.ehealthinnovation.org (the banner is at the top).
    Thanks.
    Brian
      Mac OS X (10.4.5)  

    I'm no expert on this by any means (so anyone out there please correct me if wrong) but I think it's to do with the color profile attached (or lack of) to the jpg used in the banner.
    This post by -g has some more information that might be useful.
    If all else fails, try changing the image to be a gif instead.

  • Image looks funky

    Image looks great as raw file, when I open it to work on it in quick fix, it looks pixolated and sort of falls apart.  When I look at the pixels, the image looks fine.
    Even after I work on it and save it, it stills looks funky.   Why is it changing simply by opening it.  It's a 15 mb file taken with a Nikon D-200 and flash.
    I went back and did an older file and it didn't do it.  It seems to be just this particular shoot.  BUT THE RAW FILES LOOK FINE.
    HELP!

    PS CC, Yosemite, Epson 3880 (called espson to make sure it wasn't something with that), saved as a tiff/psdjpg- all files behave the same way.  When I open the raw file- and only crop the image- it behaves this way now- with grain and blur when printing.  No other files do this in the same shoot.  I worked on this image- could something have gotten corrupted along the way such that now even opening the raw file creates this problem.  SInce upgrading my computer -  a window pops up when I open PS that says I need to update my graphics card?? for 3D- I'm not using 3D- so I don't know if that means anything.  I have to leave for about an hour- but greatly appreciate any feedback. I will be in touch. Thank you.

  • All picture is very bright white( all faces look like ghost), safari background is black. My iMac 27" updated to OS x Lion. How can i fix this?

    All picture is very bright white( all faces look like ghost), safari background is black. My iMac 27" updated to OS x Lion. How can i fix this?

    Hi ....
    In System Preferences :
    /Dennis

  • Why does my web page, created on iWeb, look correct on Safari but has thick black lines all over it in Firefox?

    Why does my web page, created on iWeb, look correct on Safari but has thick black lines all over it in Firefox?

    What's the URL of your site so we can examine it first hand?  I assume those black lines are around photos or objects that have had a frame or drop shadow added to it, right?  If so that's a known issue. 
    There's a workaround for that in this tutorial: #7 - Converting Photos w/Frames, Drop Shadows and/or Reflections into a Single Image File.  That should get rid of those black lines/boxes.
    OT

  • My webpage when viewed in safari has a funky green thing happening

    Hi,
    I'm running Dreamweaver on MAC Leopard
    For some reason my one of my webpages - Valuations, when
    viewed in Safari has a funky green thing happening.
    I created the page using html. This is a new trick and hasn't
    happened before?
    Thank you for your help.
    Chris

    Please provide a link to the page.
    Regards
    John Waller

  • Search Forum - box looks garbled in Safari

    The Apple Discussions webpage has a "Search Forum" box that looks a bit garbled on Safari 3.0.4 on Mac OS X 10.5.8. Everything else looks as intended.

    Welcome To  Discussions mark!
    You will find additional info in the Topics linked to below which I found using the Search function!
    Forum search bar anomaly 6/9
    Seeing double 7/16
    Search Bar in discussions 9/14
    Search Forum Ghost Box 9/24
    ali b

  • Fonts look bad in safari how to fix it

    Hey all, just moved up to Lion and not happy with the way text looks on webpages in Safari. It looks skinny and small. Very difficult to read, it's giving me a headache.
    Is there any way to fix it so it looks good like it did in Snow Leopard?

    Try clearing the browser cache and reset. Quit and relaunch the browser.
    If no different try a SafeBoot and restart as normal.

  • Webpage looks good with tranparent boxes and photo background in live view but not in browsers

    If anyone has time to help I would be very grateful.   I am new to dreamweaver and am trying to make a webpage with transparent colums and boxed text using styles.  It looks perfect in "live view" but when I look at it in any browser all formatting is gone.  It looks like the background with text on top layed out wrapped across the entire page.   I have not been able to figure out what is wrong in days of searching.  Does anyone know the answer?
    This first the format I want and is what it looks like in Live View, the second is what it looks like in most browsers.
    Here is the code I used:
    </style>
    <link href="../styles/tcastyles.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    body {
              background-image: url(bamboo.JPG);
              margin-left: 150px;
    a:link {
              color: #600;
              text-decoration: none;
    a:visited {
              text-decoration: none;
    a:hover {
              text-decoration: none;
    a:active {
              text-decoration: none;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 12px;
              font-weight: bold;
    a {
              font-size: 12px;
    body,td,th {
              font-family: Verdana, Geneva, sans-serif;
    .container .faqs h2 {
              line-height: 40px;
    .container .faqs ul li {
              text-align: left;
    .footer {
              padding: 5;
              position: relative;
              clear: both;
    </style>
    <div class="container">
      <div class="header"><span class="menutable"></span><img border="0" src="navigate_projects.jpg" width="307" height="167" usemap="#FPMap0" alt="The Conservation Agency - Project Menu" align="absmiddle" />
        <map name="FPMap0">
          <area shape="rect" coords="132, 112, 172, 127" href="asia.htm" alt="Asia" />
          <area shape="rect" coords="138, 92, 286, 110" href="west.htm" alt="Western Hemisphere" />
          <area shape="rect" coords="138, 73, 279, 89" href="flamingos.htm" alt="British Virgin Islands" />
          <area shape="rect" coords="131, 55, 249, 72" href="turkscaicos.htm" alt="Turks and Caicos" />
          <area shape="rect" coords="121, 35, 244, 52" href="newengland.htm" alt="Narragansett Bay" />
          <area shape="rect" coords="103, 17, 306, 32" href="coyote.htm" alt="Narragansett Bay Coyote Study " />
          <area shape="rect" coords="121, 128, 173, 144" href="pacific.htm" alt="Pacific" />
        </map>
      </div>
      <div class="menu">
        <table width="100%" border="0" align="center" id="menutable">
          <tr>
            <td height="30" align="center" valign="middle"><p><strong><a href="mission.htm">Mission</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="pubs.htm">Publications</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="projects.htm">Projects</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="opps.htm">Opportunities</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="sponsors.htm">Sponsors</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="coyote.htm">NBCS</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="guana.htm">Guana</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="tca.htm">Contact us</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="index.htm">Home</a></strong></p></td>
          </tr>
        </table>
      </div>
      <div class="banner">Narragansett Bay Coyote Study</div>
      <d/div>
          <div class="box739">
            <h3>What does NBCS Do?</h3>
            <p>Since 2004 The Narragansett Bay Coyote Study (NBCS) has been developing science-based coexistence and management strategies for our newest top predator.  Coyotes, originally a prairie species, have successfully colonized all parts of the continental and nearshore us in the past 100 years. They reached the islands of Narragansett Bay in the mid-1990s. Since then coyotes have become increasingly abundant and problematic in some island communities.</p>
            <p>In our history of cohabitation with coyotes people consistently  tried to eliminate them by hunting, trapping, and poisoning. Lethal removal  worked for individual problem animals but did not work as a population control strategy. Why? Coyotes have intrinsic physiological and behavioral abilities to control their own numbers. If coyotes are removed they increase reproduction and numbers rapidly rebound. The critical population regulation trigger is competition for food. As long as coyotes are well fed (with few coyotes competing for food) their populations will grow. </p>
            <p>It is also known that opposite effect occurs if coyotes if coyotes are stressed by competition for food. If there are too many coyotes competing for the food available coyotes will drop the the level sustainable by those resources.</p>
            <p>Understanding this relationship, NBCS scientists decided to study the resource use of coyotes on two islands in Narragansett Bay, Rhode Island. We used GPS tracking collars to find out where the coyotes were spending thier time. We theorized that if we could identify important coyote food resources - and control them - the coyotes would bring their own numbers down. NBCS calls this &quot;passive coyote management.&quot;</p>
            <p> Since 2005 when we trapped and collared our first island coyotes we have continually found that the most important food resources to our study are provided by people. That means they are within our control That means we can control coyotes. If we remove anthropogenic resources (human subsidies) coyote numbers will drop to the level sustainable by natural resources. When coyotes are sustained only by natural prey (mice, woodchucks, rabbits, geese, and deer) coyotes numbers will be lower and they will provide helpful pest control services. </p>
            <p>Based our scientific data NBCS generated a set of <a href="coyotes/Best Management Practices for Coexistence with Coyotes - Nov 8 2010.pdf" target="_new">Best Management Practices for Coexistence with Coyotes</a>- basically a toolbox for safe, sustainable, community coyote management. We are working with the towns in our study area to adopt the CBMPs and be the first community in the nation to successfully and sustainably manage coyotes. We also believe other cities and towns might be able to use our results as a template if they are experiencing coyote problems. We have only just begun to implement the CBMPs on our islands. We hope in the near future to have all our towns implementing the CBMPs - only then will we see the full impacts they make on coyote numbers and behavioral problems. You can follow our progress on this website.</p>
          </div>
          <div class="footer">
            <table width="100%" border="0" cellspacing="5">
              <tr>
                <td>Return to top</td>
                <td><a href="mailto:[email protected]">[email protected]</a></td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <p> </p>
    </div>iv class="faqs">
        <h2>FAQs</h2>
        <ul>
          <li>How do coyotes control their own population numbers?</li>
          <li>bla bla bla</li>
        </ul>
      </div>
      <div class="content">
        <div class="clearbox">
          <div class="col1">
            <h3>Middletown Adopts the CBMPs and passes a No-Feeding Ordinance!</h3>
          </div>
          <div class="col2">
            <h3>Pilot, Java, and the Valley Pack</h3>
          <
    And here are the styles:
    .container {
              height: 1500px;
              width: 975px;
              border: 8px solid #660000;
              float: left;
    .header {
              float: left;
              height: 170px;
              width: 975px;
              background-color: #033000;
    .menu {
              background-color: #FFC;
              float: left;
              height: 30px;
              width: 975px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 9px;
              color: #660000;
              font-weight: bold;
              margin-bottom: 5px;
    .table {
              font-family: Verdana, Geneva, sans-serif;
              font-size: 8px;
              font-weight: bold;
    .banner {
              float: left;
              height: 100px;
              width: 739px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 37px;
              font-weight: bold;
              color: rgba(0,51,0,1);
              background-color: rgba(255,255,204,.7);
              text-align: center;
              line-height: 75px;
              border-radius: 5px;
              padding: 5px;
              margin: 5px;
    .clearbox {
              float: left;
              height: auto;
              width: 760px;
    .box739 {
              width: 739px;
              float: left;
              height: auto;
              background-color: rgba(255,255,204,.7);
              font-size: 12px;
              color: rgba(0,51,0,1);
              border-radius: 5px;
              padding: 5px;
              margin: 5px;
    .faqs {
              float: right;
              height: 620px;
              width: 205px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 12px;
              font-style: normal;
              line-height: normal;
              overflow: scroll;
              background-color: rgba(255,255,204,.7);
              margin: 5px;
              border-radius: 5px;
              font-weight: bold;
              color: rgba(0,51,0,1);
              text-align: center;
    .col1 {
              float: left;
              height: 500px;
              width: 359px;
              background-color: rgba(255,255,204,.7);
              font-size: 12px;
              border-radius: 5px;
              color: rgba(0,51,0,1);
              margin: 5px;
              padding: 5px;
    .col2 {
              float: left;
              height: 500px;
              width: 359px;
              background-color: rgba(255,255,204,.7);
              font-size: 12px;
              border-radius: 5px 5px 5px 5px;
              color: rgba(0,0,0,1);
              padding: 5px;
              margin: 5px;
    .footer {
              position:relative;
              clear: both;
              background-color: rgba(255,255,204,1);
              font-size: 12px;
              color: rgba(0,51,0,1);

    Helo thanks for responding .  I think it uploads...  It says it does as an assocaiated file when I put to the website.  But that sounds like it is the issue. Those format commands seem to be the one it is ignoring.  I am not familiar with html but I see that the href command is what identifies the path to the file I call TCAStyles.  I notice that dw puts all my files in a local public file and the structure is different - with no public file - at the site.
    I am not sure what the 2 dots in the href command mean - there is not a full path.  Is this command valid?  I will try to look into the directory structure on local and remote site and will check for files.

Maybe you are looking for