Page looks fine in live view but not fine in safari

my index.html page looks okay in live view, but when i open it in safari some of my text is unformated. My CSS page is correct so the problem lies in my code. I have attached the html file, any help will be appreciated. Thank you!

Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

Similar Messages

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 "passive coyote management."</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.

My Javascript works in Dreamweaver Live View, But Not On The Server

I set up a javascript function to set the focus to the first field in a form as the page loads. It works fine in Dreamweaver's Live View, but not on the local or remote servers. Here's the code:
In the heading I have the following function:
<script type="text/javascript">
function setFocus()
document.getElementById("firstname").focus();
</script>
In the <head tag, I have:
<body onload="setFocus()" ...
and the first field in the form is:
            <input name="firstname" type="text" id="firstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
I guess I must be missing something, but don't know what.

EUREKA! (and OOOPPPPSS!) I found the problem (and I thought javascript was case sensitive - according to the tutorial, it's supposed to be).
Here's apparently wha hoppen. The first field in the form is the person's first name, but it's also a SPRY validation field. I gave the actual field the name and id of "firstname", and the SPRY validation the name "FirstName", figuring that scripts would be case sensitive. In fact, when I first inserted the SPRY object, I tried to name it "firstname" also, but it wouldn't let me, so I capitalized the first letters, and it accepted that; that made me feel that this is OK. Here's the entire field's code:          <label>First Name:
           <span id="FirstName">
            <input name="fstname" type="text" id="fstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
            <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span></span></label>
I accidentally tripped over the answer when I started using the Dreamweaver's Edit>Find Next search to see if I had something else named "firstname", and I found that it located every permutation of that word (e.g. firstname, FirstName, FIRSTNAME etc.). Having seen that, I tried changing the "name=" and "id=" to "fstname, and the same corresponding change in the javascript, and VOILA! it worked. That leaves me rather curious about this alleged "case sensitivity" thing. I get the impression that it IS case sensitive, except when IT'S NOT. How does this work, and how do I know when it is and isn't?

Lightbox works in Dreamweaver Live View but not in browsers

I wanted to find a method of showing a larger version of an image when it is clicked on so have added Lightbox2 by Lokesh Dhakar. I have set up the code for just one image to start with - the seagull on http://www.pembrokeshirewalescoastalholidays.co.uk/Food_and_Drink_in_Pembrokeshire.html
In Live View in Dreamweaver the action works fine, but when I click on the seagull image on the web page in a browser, all I get is a white box with a small square inside it - I should be getting an image of pembroke Castle.
I would be very grateful if you could let me know where I am going wrong?

The following files are not found on your server -
closelabel.gif
loading.gif
pembroke castle 7 large 640 by 480.jpg
(DON'T USE FILE/PATHNAMES CONTAINING SPACES ON THE WEB)

Spry Data Set visible in Live View, but not on Site.

Hi,
I've used the spry data set widget to create a dynamic table. Everything looks fine in the live view. On the site itself, however, I see only a brief flash of the unpopulated spry table, and then nothing. All necessary files, including those in the SpryAssets folder, have been uploaded.
This is particularly frustating since my first crack at a spry data set worked with ease.
I have the feeling that I missing something simple. Any ideas?
Here is the table:
http://www.ldcsb.on.ca/ntip/teachphotos/profiletable.html
Here is the spry data set:
http://www.ldcsb.on.ca/ntip/teachphotos/profiles.html
Thanks for looking,
Jim

Jim, Your page comes up fine in Firefox, but as you said it flashes and disappears in IE8.
I notice some differences in the ids and Spry:sort values. You might sort those out (make them the same) and see what happens.
This is in the profiletable:
<td id="Image">Image</td>
<td id="First">First </td>
<td wid="Last">Last </td>                                        lose the w
<td id="Sschool">School</td>                                   lose the extra s
<td id="Grade">Grade </td>
<td id="Subject1">Subject1</td>
<td id="Subject2">Subject2</td>
<td w id="Description">Description</td>                    lose the w and the extra space
And this in the Spry region:
<th spry:sort="Image">Image</th>
<th spry:sort="First">First</th>
<th spry:sort="Last">Last</th>
<th spry:sort="School">School</th>
<th spry:sort="Grade">Grade</th>
<th spry:sort="Subject1">Subject1</th>
<th spry:sort="Subject2">Subject2</th>
<th spry:sort="Description">Description</th>
It's possible that IE is pickier than Firefox that the names be the same.
Other than that, look for things to clean up, like tightening up the table...I notice several places in the data where there are blank lines between the </tr> of one line and the <tr> of the next. Make sure every entry in the table has a cell for every column.
You're right; it is an easy Widget to work with...unless some tiny thing goes wrong and it doesn't work! I have had a data set that had some of those tiny anomalies, fixed them, and now I know to look for them.
Beth

My web page looks fine in Safari, not in Firefox...?

Hi!
When I look at my website ( http://www.visitnafplio.net ) in Safari, it displays the pages just as I made them in iWeb, but in Firefox stuff keeps moving to the wrong pages.
I've asked a couple of friends to check it on their computers, and they have the same result.
Can someone please tell my why, and if there is anything to do about this? The page is in Norwegian, but if you check for instance this page http://www.visitnafplio.net/visitnafplio.net/Nafplio/Nafplio.html
you can se that the date under each sub-heading is hidden in Safari (as they should be), but not so in Firefox.
Thank you for any help!

Nobody?
The problem is mainly that I have added small squares in the background colour to hide the date from the blog entries (it is not a blog). These squares don't stay in their right place in Firefox. If I could hide the dates in some other way the problem would be solved.
I see other people in the forum are having the same problem, and the answers (something about .ccs-files) was totally Greek to me. I can't even find these files.
Yes, I'm an idiot

My web page centers in the design view, but not when viewed on line.

I am new to web design and of course, to this forum. I had some background in VBA and Fortran, so when the original designer left, I was the only one in the organization willing to tackle the website and try to teach myself how to make it work and keep it current. We were financially in the red at the time, so hiring outside help would have been almost impossible. We are finally breaking even now, which was our goal as a non-profit.
So I inherited the computer and the responsibility for maintaining the website at a non-profit organization for kids in Florida a couple of years ago, and I am doing pretty well with it so far, even though my depth of knowledge is very shallow. AsI said before, I am entirely self taught, mostly by the trial and error method, so please excuse what is probably a very basic question.
My website is FloridaBandTournament.com.
The site is working pretty well for my users, but from an appearance standpoint, the pages always are on the left side of the screen. I would like to center the page(s) in the screen so that it looks a little better. They are on a black background - not sure how the background got there, but it is working fine for me. When I tried to center the pages, I googled my way to the statement text-align: center, and after placing it a couple of different places in the code, it suddenly seemed to work, at least in the in Dreamweaver 8 (I also inherited the software, which is I know is old, but so am I - will be 70 soon, and do my work for free for the organization). But when I went to a couple of different browsers, it still displayed the website on the left. I tried Firefox and IE. I am at a loss as to what to do.
When I found this forum, I thought maybe somebody could help me know what to do to make this centering of the page happen in a simple way for this old geezer. I would sure appreciate it.
I do not know what I should be communicating to you, but I thought if I sent the code in the body, it might help.
The body code is as follows;
body [
    background-image: url(file:///C|/Documents and Settings/user/Application Data/Macromedia/Dreamweaver 8/configuration/ServerConnections/www/images/background.gif):
   background-color: #000000;
   margin-top: 0px;
   margin-left: 0px
   margin-bottom: 0px
   margin-right: 0px
text-align:center
None of the pages in the active website have this code yet - I have a trial page that I am testing. The trial page can be accessed from the link at the bottom of the 'links' page for 'Show Host Infoormation' (the mis-spelling is temporary and intentianal so I can find the darn test link myself when I want to).
I would be glad to provide any information that might help someone understand what I have and what I am trying to do, but again, I am self-taught so I have little understanding of the technical terms. I would sure appreciate any help. Thanks in advance.
Bob

First obviously make a back-up of the pages/s.
Go into code view in Dreamweaver and find the below html. Its near the top of the page after the css. You don't need to first table <table> </table> so you can delete that. It's the second table that we are interest in. See below I have added id="pageWrapper" to the opening <table tag.
<table width="795" border="0" cellpadding="0" cellspacing="0">

<tr>
    <td width="795" height="19" valign="top" bgcolor="#000000"> </td>
</tr>
</table>
<table id="pageWrapper" width="795" border="0" cellpadding="0" cellspacing="0">

Then add this to your css styles in the head setcion of the page.
#pageWrapper {
    margin: 0 auto;
You'll have to do this for each page of the site you want centered, which could be a pain if you have many pages.
Also your background image is linked to your local computer thats why you are not seeing it but have a black background instead:
body {
    background-image: url(file:///C|/Documents and Settings/user/Application Data/Macromedia/Dreamweaver 8/Configuration/ServerConnections/www/images/background.gif);
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
If you want the image to appear amend the link to as below:
body {
    background-image: url(images/background.gif);
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

Shows in Live view but not in Browser

Sorry if this is quite a newbie question but im new to Dreamweaver. I have changed the CSS for the navigation and slider in a free css template i have downloaded, it renders perfectly in live design view on Dreamweaver but no change is apparent on any browser i open it in? There is some Jquery script linked to the slider im not sure if this would be effecting it in any way?

You need to probably do one of the following:
1. Save the file before previewing in a browser
or
2. In your Preferences (Edit -> Preferences), scroll down to the 'Preview in Browser' option. There, check the box marked :Options Preview using temporary file.

Help with Importing psd's, looks good in viewer, but not in canvas...

I have been searching for threads related to this issue, and this is what i've come up with...
It is my sequence settings, the picture looks great in the viewer but not in the canvas, as soon as i put it in the timeline, it goes blurry almost. I tried changing my settings to HD 16:9 and the picture looks great, but I need standard (NTSC DV 4:3), does anyone know a way around this? I can do it in Avid fine, why am I having such a hard time in FCP?
Thanks
P.S i have tried changing my image size in photoshop to 720x480 and 720x540 and it doesn't seem to make a difference.
Jana

The canvas is a low resolution proxy.
What does your sequence looking like on your NTSC production monitor?

Results look different in Live View and Browser Lab

I'm using CS5 and am using absolute positioning to place an image. It looks great in Live View, but when I open Browser Lab it has shifted dramatically. Any ideas what's going on and with view should I trust. Thanks.

Hi Jalynoble,
We've tried to repro the issue you describe, but haven't been able to, so it must be something specific to your page. Can you provide us with a URL or package up and email the source code for the page with this issue so we can look into it?
You can post the url here, or email the files to [email protected]
Thanks,
Mark

Slideshow works great in "live view" but does not in "preview browser"

My slideshow looks just fine in "live view" but when I "preview in browser" it doesn't show up at all in Firefox and is a blue square with a question mark in Safari. This was created in Dreamweaver and the slideshow is "Advanced Random Images" from Dreamweaver Exchange.
It was working in the browsers, but I had to make some changes. I put the slideshow within the "content" to get it to be centered on the page.
The centering worked great, but now it's not showing up.
Here is that section of my code:
      
    </p>
    </div>
    
<div class="content">
<div id="slideShow" style="width: 600px; margin: 0 auto; padding-bottom: 15px;">
<script language="JavaScript">
// Advanced Random Images Start
// Copyright 2001-2006 All rights reserved, by Paul Davis - www.kaosweaver.com
var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()
// KW_rs[5000]
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/auditorium.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/boardrm.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/classroom.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference2.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/courtrm.jpg';
j=parseInt(Math.random()*KW_ARI.length);
j=(isNaN(j))?0:j;
    document.write("<img name='randomSlideShow' src='"+KW_ARI[j]+"'>");
function rndSlideShow(t,l) { // Random Slideshow by Kaosweaver
x=document.randomSlideShow; j=l; while (l==j) {
    j=parseInt(Math.random()*KW_ARI.length); j=(isNaN(j))?0:j; }
x.src=KW_ARI[j]; setTimeout("rndSlideShow("+t+","+j+")",t);
rndSlideShow(5000,0)
// Advanced Random Images End
    </script>
        </div>

<script language="JavaScript">
      </script>
Any suggestions?
Thanks!

I haven't uploaded the page since I made the code changes, for fear that if
they won't "preview in browser", they won't work live...
Here's the link:   www.epaaudio.com

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

Spry Menu bar looks OK in Live View, not browser

I'm trying to insert a Spry menu bar in an existing site to replace one previously built with an F-source product. There is a Flash movie above the menu bar. It looks fine in Live View, but when I look at it in a browser, it expands to about ten times its height with only the last menu item visible (out of nine). It also displaces the Flash movie to the left and up. Any idea what's causing this, and how to fix it? Thanks for any help you can provide!
Live View:
Browser View:

Thanks for your help. I tried to add the code above the menu bar (you didn't specify whether to add before the body tag) but it didn't help in either location.
I've uploaded the page in question to the site. You can access the page via http://www.acsi-cybersa.com/index2.html
If you back up to the "www.acsi-cybersa.com" URL, you will see a working homepage with an f-source menu that is acting a bit squirrely, and which I am trying to replace with the Spry menu. The URL above "index2.html" is the working replacement for the home page.
If you can figure out what's happening with the Spry menu and how to fix it, I would be eternally grateful.
Thanks, Dan

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.

Pages looks fine but prints blank

Using Pages in page layout mode, starting with a blank template, portrait 8.5 x 11.
The composed page looks fine on the screen but shows up completely blank on the printer. Tried PDF, Preview etc. all blank. The content even shows blank in the printer dialog. I'm baffled.

Duh! I have (embarassingly) solved my problem!
Somehow I had left the option "even Pages only" turned on and as there was only a single page I was printing a null set. Unfortunately the print dialog says something like 'using latest settings' and doesn't list them so it took me a while to realize the error. I've only been using a Mac since 1985 after all!

Page looks fine in live view but not fine in safari

Similar Messages

Maybe you are looking for