Preview and Generate view not displaying the same as design view

RoboHelp HTML Ver 8.0.2.208.
Hi all,
I have a topic that will not generate or preview what is displayed in the design view.
The topic is a table that uses a different image as the background for each cell (from the CSS).
The background images display fine in design view but will not display when previewed or generated. Everything else is displayed but not the backgrounds.
Any ideas.
Thanks
Wowronin

You have this -
</head>
<script>

</script>
<style type="text/css">
#preloader {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
#status {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(ajax-loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
</style>
<body>
In other words, you have a script block AND a CSS block between </head> and <body>. That's invalid code. Move it to where it belongs inside the <head> region. You could have found this in an instant by checking the page here - http://validator.w3.org.

Similar Messages

Problem with "Group By" in Views - Not Displaying the Same for All Users

We have an Announcements List with its only View being set up to group by a metadata category field. We've done this many times on other kinds of lists and never had a problem. But with this list, about half the users can see only the ungrouped
set of announcements, whereas others actually see the items within their groups.
Those with "View" rights only can't see the grouped items - but that appears to be a coincidence as I promoted them to the same rights as others who can see them correctly, and that did NOT solve the problem. Everyone is using the exact same browser.
Note: the users who do NOT see the groupings see only a single category entry that displays only the name of the category list (but not the names of the actual categories within the category list). All the announcements are grouped under that one
entry for those users. This display looks exactly like it would if the categories had been left blank when the original announcements were created. But the categories are NOT blank, and the rest of the users can see them just fine, and the announcements display
within their appropriate groups.
I can't find anything in the View, the List Settings, or the User Permissions to explain this. What could be causing it, and how can I fix it?

Browser settings are controlled by central IT and are all identical.
The only difference I can detect is the second set of users (that don't see the category options) have only Read rights, whereas those with Contribute (or above) rights can see the categories. It doesn't make
sense that permissions would affect this, but I can't come up with any other differences.
Microsoft will not allow me to upload images. it says I can't upload images until they have verified my account, but there is no clue as to how, if or when that might happen. If you can tell me how to fix that, I can provide samples.

I recently bought a new macbook and installed Acrobate Pro. My settings/preferences did not come over and I do not have the same style options for my signature. It now only allows me three options and the style I have been using for the last year is not

I recently bought a new macbook and installed Acrobate Pro. My settings/preferences did not come over and I do not have the same style options for my signature. It now only allows me three options and the style I have been using for the last year is not there. How do I add additional options and get my preferred signature style back?

Hi Amanda ,
Which version of Acrobat are you using?
Which signature style are you talking about?
You can go ahead and try uninstalling and reinstalling it and see if that works for you .
Use the cleaner tool to uninstall it .Here is the link.
Download Adobe Reader and Acrobat Cleaner Tool - Adobe Labs
You can refer to the following link to re install it .
https://helpx.adobe.com/acrobat/kb/acrobat-downloads.html
Regards
Sukrit Dhingra

HT4157 I have an iPad 2 and it does not display the cellular data button under settings

I have an iPad 2 and it does not display the cellular data button under settings. It does display a Bluetooth button in its place. I have tried the reset but no luck

Is the iPad the Cellular version? Does it have an active Data plan? Does it have a Sim card installed in inside it?

My firefox page is not connecting to network and also its not displaying the troubleshoot problems option?

my firefox page is not connecting to network and also its not displaying the troubleshoot problem option?

At the very least, I recommend you restart your router, (your internet box).
More detail on your problem is needed - are you in a submarine? On the moon? On a tropical island?
You can help yourself by providing as much info as you can about your present situation - what kind of router do you have? Have you moved it? DId you update it? Did you do anything to change your setup, and if you did, what?

Times and Times New Roman Do not display the same with ADE pdf reader

Anyone an idea why?
(These fonts display the same with MS word and Adobe Acrobate reader)

That looks like a grunged version of Times New Roman. You probably have this font installed, and it's likely conflicting with the standard Times New Roman font.

Page not displaying the same on mobile

When I view the page on a browser it displays fine however much i resize it, the main content stays in place, whereas when i open it on an iphone it is no longer displayed the same. http://dkphotos.net/Portfolio/Wedding%20Photography/Wedding%20Photography.html
Thanks!
HTML:
<!doctype html>
<html>
<head>
<link rel="shortcut icon" href="favicon.ico" >
   <link rel="icon" type="image/gif" href="../../animated_favicon1.gif" >
<title>Wedding Photography</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="layout.css">
</script>
<script src="js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/lightbox/themes/carbono/jquery.lightbox.css" />

<script type="text/javascript" src="js/lightbox/jquery.lightbox.min.js"></script>
<style type="text/css">
a {
          font-size: 15px;
          color: #777777;
body,td,th {
          font-size: 15px;
          color: #444444;
          font-family: "Josefin Slab";
a:link {
          text-decoration: none;
          color: #444444;
a:visited {
          text-decoration: none;
          color: #444444;
a:hover {
          text-decoration: none;
          color: #60baec;
a:active {
          text-decoration: none;
          color: #444444;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style>
ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
li {
float:right;
a{
          display: block;
          font-size: 15px;
          color: #444444;
          font-weight: 400;
li {
          margin-right:30px;
body,td,th {
          font-family: josefin-slab;
          font-style: normal;
          font-weight: 400;
          font-size: 15px;
          color: #444444;
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
          color: #444444;
a:hover {
          text-decoration: none;
          color: #60baec;
a:active {
          text-decoration: none;
          color: #444444;
</style>

<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/josefin-slab:n1,n4:default.js" type="text/javascript"></script>
</head>
<div class="wrapOverall">
<body text="#444444" link="#444444" vlink="#60baec" alink="#444444">
<div class="container" id="header container">
   <div class="header"><a href="../index.html"><img src="images/Home-Page_03.png" name="Logo" width="448" height="69" class="logo" id="Logo" onMouseOver="MM_swapImage('Logo','','images/home_03-roll-over.png',1)" onMouseOut="MM_swapImgRestore()" border="0" /></a></div>
<div class="navMain">
          <div class="navMain">
          </li>
          <ul class="navBar"
    style="width: 530px; float: right; font-weight: 400; font-family: josefin-slab; font-style: normal;">
                    <li><a href="../../Contact/Contact.html">CONTACT</a></li>
                    <li><a href="">BLOG</a></li>
                    <li><a href="../../About/About.html">ABOUT</a></li>
                    <li><a href="">PRICING</a></li>
                    <li><a href="../Portfolio.html">PORTFOLIO</a></li>
                    <li><a href="../../Home/Home.html">HOME</a></li>
          </ul>
        </div>
</div>
</div>

<div class="slideshow">
<a href="images/image-1.jpg" class="lightbox" rel="group1"><img src="images/image-1T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-2.jpg" class="lightbox" rel="group1"><img src="images/image-2T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-3.jpg" class="lightbox" rel="group1"><img src="images/image-3T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-4.jpg" class="lightbox" rel="group1"><img src="images/image-4T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-5.jpg" class="lightbox" rel="group1"><img src="images/image-5T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-6.jpg" class="lightbox" rel="group1"><img src="images/image-6T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-7.jpg" class="lightbox" rel="group1"><img src="images/image-7T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-8.jpg" class="lightbox" rel="group1"><img src="images/image-8T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-9.jpg" class="lightbox" rel="group1"><img src="images/image-9T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-11.jpg" class="lightbox" rel="group1"><img src="images/image-11T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-12.jpg" class="lightbox" rel="group1"><img src="images/image-12T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-13.jpg" class="lightbox" rel="group1"><img src="images/image-13T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-14.jpg" class="lightbox" rel="group1"><img src="images/image-14T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-15.jpg" class="lightbox" rel="group1"><img src="images/image-15T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-16.jpg" class="lightbox" rel="group1"><img src="images/image-16T.jpg" style="float:left;" width="100" height="100" border="10"></a> 
</div>

<div id="containerFooter">
<div id="Box1" style="font-family: 'Josefin Slab'">
<p>All content <span style="font-size: 20px">©</span> DKphotos 2013</p>
</div> 
<div id="Box2">
<p><script type="text/javascript">
// BeginOAWidget_Instance_2149022: #OAWidget
          var urlToLike = 'http://www.facebook.com/DKphotos.net';
          if (urlToLike == '') {
            urlToLike = window.location.href;
      urlToLike = encodeURIComponent(urlToLike);
      var font = encodeURIComponent('arial');
document.write ('<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&href='+urlToLike+'&layout=button_cou nt&show_faces=false&width=450&height=150&action=like&font='+font+'&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; border-color:#ffffff; overflow:hidden; width:450; height:150"></iframe>')
// EndOAWidget_Instance_2149022
</script>
</div></p>
</div> 

<hr class="clearing" />
</div> 
</div>
<script type="text/javascript">
jQuery(document).ready(function($){
    $('.lightbox').lightbox();
</script>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body {
          background-image:url(images/bg_body.jpg);
          background-color:#ffffff;
          background-attachment:fixed;
          background-position:top;
.wrapOverall {
          width: 1920px;
          display: inline;
ul.navBar {
margin: 18px 0px 0px 0px;
padding: 0;
white-space: nowrap;
width: 950px;
overflow-x: auto;
display:inline-block;
ul.navBar li {
          display:inline;
.header img.logo{
          float: left;
          margin: 0px 15px 0px 15px;
.container {
          min-width: 1050px;
          padding-bottom:100px;
.slideshow{
          margin-left: 20px;
          margin-right: auto;
#containerFooter {
width: 100%;
min-width: 650px;
max-width: 100%;
#containerFooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 0;
margin:0 auto; /*centered*/
overflow:hidden; /*float containment*/
#Box1, #Box2 {
          width: auto;
          min-height: 10px;
          border: 0;
          /*to reduce float drop issues in IE*/
          word-wrap: break-word;
#Box1 {margin-left: 8px; float: left;}
#Box2 {margin-left: 20px; float: left;}
/**Clear floats after the boxes**/
.clearing {
clear:both;
visibility:hidden;
line-height:0;
font-size:1px;
display:block;
.cycle-slideshow {
          width: 100%;
          min-width: 1000px;
          Max-width: 100%;
          padding-top: 100px;
          z-index: -1;
          #containerFooter {
                    width:100%;
                    float:left;
                    #containerFooter {
          position: fixed;
          bottom: -145px;
          z-index: 500;
          background-color: #FFF;

The reason you get only two rows is because the viewport meta tag tells mobile devices to use the actual device width rather than scaling the page. The iPhone browser uses a virtual viewport 980px wide, even though its physical width is only 320px (Android phones do the same, although the size might be slightly different).
Your inline styles set the width of each image as 100px with a 10px border all round. That makes each image 120px wide, so only two will fit in the available 320px. Judging from your screenshot, it looks as though your JavaScript is scaling down the images, which would explain why the images don't fill more of the screen.
Since removing the viewport meta tag has solved your problem, there's probably no need to do anything else on that page. However, you're likely to need it on other pages that contain ordinary content.

Null and empty string not being the same in object?

Hello,
I know that null and empty string are interpreted the same in oracle.
However I discovered the strange behaviour concerning user defined objects:
create or replace
TYPE object AS OBJECT (
value VARCHAR2(2000)
declare
xml xmltype;
obj object;
begin
obj := object('abcd');
xml := xmltype(obj);
dbms_output.put_line(xml.getStringVal());
obj.value := '';
xml := xmltype(obj);
dbms_output.put_line(xml.getStringVal());
obj.value := null;
xml := xmltype(obj);
dbms_output.put_line(xml.getStringVal());
end;
When creating xml from object, all not-null fields are transformed into xml tag.
I supposed that obj.value being either '' or null will lead to the same result.
However this is output from Oracle 9i:
<OBJECT_ID><VALUE>abcd</VALUE></OBJECT_ID>
<OBJECT_ID><VALUE></VALUE></OBJECT_ID>
<OBJECT_ID/>
Oracle 10g behaves as expected:
<OBJECT><VALUE>abcd</VALUE></OBJECT>
<OBJECT/>
<OBJECT/>
However Oracle 9i behaviour leads me to the conclusion that oracle
must somehow distinguish between empty string and null in user defined objects...
Can someone clarify this behaviour?
Thus is it possible to test if object's field is empty or null?

However Oracle 9i behaviour leads me to the conclusion that oracle
must somehow distinguish between empty string and null in user defined objects...
Can someone clarify this behaviour?
Thus is it possible to test if object's field is empty or null?A lot of "fixes" were done, relating to XML in 10g and the XML functionality of 9i was known to be buggy.
I think you can safely assume that null and empty strings are treated the same by Oracle regardless. If you're using anything less than 10g, it's not supported any more anyway, so upgrade. Don't rely on any assumptions that may appear due to bugs.

Calendar app and calendar notification not in the same time zone

Hi,
I just update my macbook pro 13' retina to Yosemite.
I sync my calendars account (gmail, icloud and exchange) with the calendars apps to have all my event in the notification bar.
I just see that the event are not at the same hour (see picture)
Today, in Europe we change from the summer to the winter hour,
Is it the reason why ? is it a bug ? Am I the only one ?
Thanks
Thomas

I have a similar issue. Events sent to me from Outlook users or created by me in Outlook 2011 (on my Mac) appear 13 hours later in iCal both on my Mac and on my iPhone.
It seems that iCal in both OS X 10.10 and IOS 8.2 are defaulting inbound events to GMT or UTC time zone despite time zones on both devices being set to my time zone in NZ which is currently GMT/UTC +13.
It would appear that you are in Europe. Is your time zone by chance 1 hour different from GMT/UTC??

Site not displaying correctly in DW Design View

This is a weird display problem on one of my sites that I
have not seen before.
I sometimes log into my server remotely and make changes to
the html manually then resave the files. Later I may download the
newly edited files and put them in my backup site folder on my
local machine.
On one particular site, everything looks fine online from my
server, but when looking at the files locally in DW Design view
everything is out of whack. The images are all over the place and
the backgrounds are completely missing. If I preview the it still
looks normal and all the images are in the correct place and
backgrounds are fine. Only displays wrong in DW Design View which
makes it impossible to use the WYSIWYG to edit this site now.
Anyone encountered anything like this?

You are editing the files directly on the server, and not
from a local site?
And which DW are you using?
Murray
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
==================
"destind4film" <[email protected]> wrote in
message
news:f4mol4$enm$[email protected]..
> This is a weird display problem on one of my sites that
I have not seen
> before.
>
>
> I sometimes log into my server remotely and make changes
to the html
> manually
> then resave the files. Later I may download the newly
edited files and
> put
> them in my backup site folder on my local machine.
>
> On one particular site, everything looks fine online
from my server, but
> when
> looking at the files locally in DW Design view
everything is out of whack.
> The
> images are all over the place and the backgrounds are
completely missing.
> If I
> preview the it still looks normal and all the images are
in the correct
> place
> and backgrounds are fine. Only displays wrong in DW
Design View which
> makes it
> impossible to use the WYSIWYG to edit this site now.
>
> Anyone encountered anything like this?
>

Server Side Includes not displaying in DW CS3 design view

I have this code in my page (see below):
When I open the file in Dreamweaver MX 2004 in design view,
the page displays correctly. That is, I see the correct styles from
the style sheet contained in Head_Standard.html and the logo/menu
in Logo_TopMenu.html
When I open the page in DW CS3, I do not see the effects of
the style sheet and I do not see the logo/menu.
However, when I change the code for the first include from:
virtual="/ServerSide
to
virtual="
../../ServerSide
then the page renders correctly in Dreamweaver CS3.
My first reaction was: what?! And my question is: how do I
use a root reference inside the head and get it to display properly
in DW CS 3?

"Go to Edit > Preferences > Invisible Elements >
Server-Side Includes (Check this box) to show contents of included
file"
I already do this.
For me:
/ServerSide... does NOT work
../../ServerSide... works
So, a relative reference works and a reference to the root
does not. I have over 20 websites with root references and I need
this to work in DW9.

Fonts and png graphics in PPTX do not display the same in Captivate 4

I began developing my elearning in PowerPoint knowing that the animation is easier in PowerPoint than in Captivate. When I imported the PPTX slides, I first noticed the font on my title slide was no longer small CAPs and the positioning has alow changed on the slide. I opened the PPT editor from Captivate and the look of the original slide was displayed. When I saved and PPT and returned to C4, the font changed and the text moved out of the original placement.
Second the graphics used on the slides are .png with transparent backgrounds. The transparency is lost in C4.
Anyone have ideas, suggestions? Are these know issues or bugs? I am running the C4 with the latest patch.
Thanks,

Hi there
If your concern is to end up with a Captivate project that looks exactly like your PowerPoint does, consider configuring PPT to display the slideshow in a window. then surround it with Captivate and record it as it plays via PPT. The end result should be that the Captivate is an exact replica of the PPT.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Preview and safari do not display images in a pdf, where as chrome will. How do I fix this?

I'm on the newest OS X Yosemite and I have an issue with viewing pdfs in both preview and safari. The figures show up fine from Chrome. This also leads to the issue of when I try to print off the pdf. The images do not appear in the printed version.
Safari/ Preview:
Chrome:

Back up all data before making any changes. Please take each of the following steps until the problem is resolved.
Step 1
If Adobe Reader or Acrobat is installed, and the problem is just that you can't print or save PDF's displayed in Safari, you may be able to do so by moving the cursor to the the bottom edge of the page, somewhere near the middle. A black toolbar should appear under the cursor. Click the printer or disk icon.
Step 2
There should be a setting in its preferences of the Adobe application such as Display PDF in Browser. I don't use those applications myself, so I can't be more precise. Deselect that setting, if it's selected.
Step 3
If you get a message such as ""Adobe Reader blocked for this website," then from the Safari menu bar, select
          Safari ▹ Preferences... ▹ Security
and check the box marked
          Allow Plug-ins
Then click
          Manage Website Settings...
and make any required changes to the security settings for the Adobe PDF plugin.
Step 4
Triple-click anywhere in the line of text below on this page to select it, the copy the selected text to the Clipboard by pressing the key combination command-C:
/Library/Internet Plug-ins
In the Finder, select
          Go ▹ Go to Folder
from the menu bar, or press the key combination shift-command-G. Paste into the text box that opens by pressing command-V, then press return.
From the folder that opens, move to the Trash any items that have "Adobe" or “PDF” in the name. You may be prompted for your login password. Then quit and relaunch Safari.
Step 5
The "Silverlight" web plugin distributed by Microsoft can interfere with PDF display in Safari, so you may need to remove it, if it's present. The same goes for a plugin called "iGetter," and perhaps others—I don't have a complete list. Don't remove Silverlight if you use the "Netflix" video-streaming service.
Step 6
Do as in Step 4 with this line:
~/Library/Internet Plug-ins
If you don’t like the results of this procedure, restore the items from the backup you made before you started. Relaunch Safari.

Is there any benefit for me to use smart previews if my Lightroom 5 catalog, previews and media are all on the same external USB HD?

I keep everything on 1 External USB3 HD so that I can pug it into my Mac at home or my PC at work and just keep working without syncing anything to the local machine. So is there any benefit with Smart Previews in this case? I heard somewhere that it might make the Develop module a little quicker, but is this only when using the Smart Preview and not the full res image?

Lr uses smart previews instead of ACR cache for initial develop-module view when photos are online - amount of benefit is, in my experience, very minor (not noticeable without using a stop-watch..).
But if photos are offline, you may experience more substantial savings.
Note: smart previews are reduced resolution - smart previews of raw files are 2560 x (say) 1920, so if your original raws were say 5120 x 3840, then you/Lr are dealing with 1/4 the number of pixels when editing via smart previews.
Anyway, if you are willing to give up zoom for one edit pass, you can resize the smart previews so 1:1 fits in your allotted display space (e.g. 1280 x 960, which would be 1/8 number of pixels..), e.g. using the PreviewExporter plugin - then things may be significantly faster in develop module. PreviewExporter also has a feature to take originals offline, and put them back online.
To be clear: the amount of savings may or may not be dramatic - how much there is depends on your system, size of raw vs. smart preview image, number and type of edits applied, etc..
Why don't you try it and tell us what you think?!
Cheers,
Rob

Design View Not displaying the page

Recently I asked the same question here but I think I did not explain myself correctly. I have hunted for answers but not found any so I am asking again with images this time.
I have had this site written for me and I know it was written in DW. They claim that they can work with the file no problem but I certainly cannot.
When I try to open it all I can see in the design view is the <div> boxes as below. If I display it in split view - live - I can see the page.
Is this display what I should expect or is there some other reason like code errors ??
Cheers and thanks for the help

You have this -
</head>
<script>

</script>
<style type="text/css">
#preloader {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
#status {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(ajax-loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
</style>
<body>
In other words, you have a script block AND a CSS block between </head> and <body>. That's invalid code. Move it to where it belongs inside the <head> region. You could have found this in an instant by checking the page here - http://validator.w3.org.

Preview and Generate view not displaying the same as design view

Similar Messages

Maybe you are looking for