Page displaying differently

I used DW CC to create a template the CSS style for background in the body and content was set to gray (d6d6d6) and displays as gray.  When the template is opened in CS6 of the body and content show that they are set to d6d6d6 but most of the page is white in design and split views but displays as gray in live view and when viewed in a browser.  Would like pages to display as gray and hope someone has a suggestion.

This is the code for my template -
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          margin: 0;
          padding: 0;
          color: #000;
          background-color: #D6D6D6;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;          
          line-height: 100%;
a img {
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #A00B3E;
          text-decoration: underline; }
a:visited {
          color: #A00B3E;
          text-decoration: underline;
a:hover, a:active, a:focus {
          text-decoration: none;
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
          width: 980px;
          background-color: D6D6D6;
          margin-top: 20px;
          margin-right: auto;
          margin-left: auto;
          margin-bottom: 0;
          background-image: url(../Master_Images/divider_grey.png);
          background-repeat: repeat-y;
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
          width: 980px;
          height: 90px;
          background-image: url(../Master_Images/Heading.jpg);
.sidebar1 {
          position: relative;
          float: left;
          width: 140px;
          background-color: D6D6D6;
          padding-bottom: 1800px;
.content {
          position: relative;
          padding-right: 0;
          padding-left: 0;
          width: 840px;
          float: right;
          background-repeat: repeat-y;
          background-image: url(../Master_Images/divider_grey.png);
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0 15px 15px 40px;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
nav ul{
          list-style: none;
          border-top: 1px solid #666;
          margin-bottom: 15px;
          font-size: small;
nav a, nav a:visited {
          padding-top: 5px;
          padding-bottom: 5px;
          display: block;
          width: 140px; 
          text-decoration: none;
          background-color: D6D6D6;
nav a:hover, nav a:active, nav a:focus {
          background-color: D6D6D6;
          color: #FFF;
/* ~~ The footer ~~ */
footer {
          padding-right: 0;
          padding-left: 0;
          background-color: D6D6D6;
          position: relative;
          clear: both;
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
          display: block;
.container .content section h2 {
.flt_rgt {
          display: block;
          position: relative;
          float: right;
          margin-right: 95px;
.flt_lft {
          display: block;
          position: relative;
          float: left;
          margin-left: 95px;
h1 {
          font-size: 220%;
h2 {
          font-size: 170%;
a:hover {
          color: #fff;
.flt_ctr {
          margin-left: auto;
          margin-right: auto;
.img_container {
          width: 650px;
          position: relative;
          margin-right: auto;
          margin-left: auto;
          text-align: center;
.img_container: after {
          clear: both;
.img_container img {
          margin-top: 10px;
.flt_ctr {
          display: block;
          text-align: center;
p {
          clear: both;
ul, li {
          list-style-type: none;
-->
</style><!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div class="container">
  <header></header>
  <!-- TemplateBeginEditable name="EditRegion2" -->
  <div class="sidebar1">
    <nav>
      <ul>
        <li><a href="../Master_data/Home.html">Home</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>
        <li></li>
      </ul>
    </nav>
    <aside>
      <p> </p>
    </aside>
    <!-- end .sidebar1 -->
  </div>
  <!-- TemplateEndEditable--><!-- TemplateBeginEditable name="EditRegion1" -->
  <article class="content">
    <section>
      <p> </p>
    </section>
    <!-- end .content -->
  </article>
  <div style="clear: both"></div>
  <!-- TemplateEndEditable -->
  <footer></footer>
  <!-- end .container --></div>
<span class="container"><span class="content"></span></span>
</body>
</html>
I tried to add a screen shot of the design view of this in cc and in cs6 but can't seem to upload the image

Similar Messages

  • Page Displays Different in Firefox

    I am new to web site development and new to Dreamweaver.  When I display the webpage in FireFox 3.6.3, the header picture shows below the logo on the left.  It displays fine in IE.  BTW, the font choice is not mine I tried to talk the person out of it.
    http://www.mulberrylanehillsdale.com/sample3.html

    You answered to the most little part of my comment (there was a suggestion for paged medias or for rendering on smaller displays, but this was not so critical, you should have seen it).
    The main point was about font smooting, that you have enabled in ALL browsers, EXCEPT Firefox on Windows.
    And this gives really a bad/unfair view of what is really Firefox on Windows.
    If one wanted to test a page for Firefox on Windows, he would certainly expect to see what he really sees on its PC, now most often with a flat panel display with pixel precision, but certainly not the non-smoothed rendering which is only for those users that have CRT displays.
    That's why I was not suggesting  really an expansion of the number of browsers. But:
    - if you have renderings for some browsers WITHOUT font smoothing, offer it on ALL browsers, to be fair
    - if you also have renderings for some browsers WITH font smoothing, offer it on ALL browsers, to be fair
    In other words, it should be a generic display option, that is independant of the browsers tested, and that should be selected by your users in their preferences, according to their own preferences: if a browser only supports one option (with or without font smooting), just display this version, otherwise, use the selected option on all compared browsers.
    And you will then see that most of your users are already preferring the pages rendered on any browser with the font smoothing enabled.
    Don't use the Microsoft's ClearType option, which uses subpixel precision, as it would require you to manage at least two versions: for display on your site with a RGB panel, or with a BGR panel : subpixel order would then have to be selected, adding two other versions of the same page for the same browser on the same OS... Instead just offer the pixel-level only smoothing, where smoothing applied equally to all R/G/B subpixel color planes, so that a black font on white background will be smoothed only using only "white-gray-black" full pixels without position-dependant colors).
    Side notes:
    For the long term, note that subpixel precision will be deprecated/obsoleted sooner or later (including on small display panels such as mobile phones, that will be the first to offer the highest pixel densities):
    It should be up to the display panel technology to map internally the standard sRGB colors (computed by softwares or in digital image formats or in web browsers and other computer GUI interfaces) to actual subpixels in a pixel (which may have different patterns, different coverage, different relative positions, possibly also 4 subpixels or more, just like with new Yamaha HDTV sets that use a non rectangular grid for the arrangement of subpixels, and that also use an additional yellow or white subpixel). Subpixel rendering technologies in software will also be deprecated because the display panel technologies will continue to improve to offer higher pixel densities, up to a level where the position of subpixels will not be noticeable : only the full-pixel smoothing will remain as it will reduce a lot the CPU/GPU cost of rendering and will be much faster to compute, using also less memory for finally the same resolution.
    Subpixel smoothing anyway is patented, and only a temporary "cheap" solution that can be implemented in CPU/GPU software, as long as flat panels don't have a higher pixel density (i.e. measured in full pixels per inch, not in colored subpixels per inch). These subpixel software technologies are in fact a nocive brake to allow the technical evolution of hardware display panels (the existing panels using rectangular R/G/B girds arranged in parallel vertical stripes have a poor color gamut, and display noisy color artefacts, as demonstrated by ClearType). The true evolution will not be in software but in hardware display panels, that will still benefit a lot from full-pixel font-smoothing only:
    - for example, the existing software subpixel artificially smoothing triples the horizontal resolution (but effectively only doubles the apparent horizontal resolution, due to correction of color artefacts), but do not increase the vertical resolution which remains poor. This gives an anisotropic result, which is desastrous for natural photographs or videos).
    - newer hardware subpixels arrangements (such as Yamaha's) can effectively double BOTH the horizontal and vertical resolution (and not just for text, but also for photos), using exactly the SAME subpixel density, and will produce a much better isotropic result without color artefacts (fair for high-fidelity colors and smooting of photos and video): this means similar costs of production of these panels, that should already be available in shops today and on notebooks, if this was only compatible with subpixel rendering softwares such as Microsoft's ClearType. and for now, we can't still have them on cheap PCs and notebooks, but only on the most expensive HDTV sets (notably the largest 1080p screens, whose size is more than 35 inches): note that these HDTV sets are also used for computer display (notably as a secondary "theater" screen for playing digital videos on online VOD contents) and for them the subpixel font-smoothing softwares have absolutely no use, only full-pixel smoothing will work correctly.

  • Page Displaying Different in Browswer

    This page - http://wolffsystem.com/index_FB_TW01.html - displays OK in Firefox.  In IE and Google Chrome it does not display correctly.  Please give me any suggestions as to why this is happening.  Thanks so much.

    Start by  resetting the built-in browser styles. See here http://developer.yahoo.com/yui/3/cssreset/ or here http://meyerweb.com/eric/tools/css/reset/
    Then see if you can use CSS to style your page, for instance you could make the image a background image for the relevant area.
    More info on CSS see here http://www.adobe.com/devnet/dreamweaver/css.html
    Gramps

  • Similar css pages displaying differently

    I have been building some pages using a css, which produces the effect I want. In particular how the footer is pushed down by the length of the sidebar on the left.
    Then I created some pages with a css using a sidebar on the right, yet the footer is not being pushed down by this sidebar.
    I am new to css and dreamweaver and have scoured the code to find what is different (what is working on the first css and not on the second).
    Any suggestions would be greatly appreciated.
    Thank you.
    example of "correct" page
    http://www.socsmag.com/onlineissuesNEW.html
    example of "incorrect" page
    http://socsmag.com/greenbuildingarticle1.html

    You make mention of a 'right' side bar that you added - in Firefox, I don't see any sidebar at all.  In FFox, viewing the page you said was 'wrong', the footer is sitting at the bottom of the page as it does in the 'correct' version of the page you mention...... so your question is a little confusing  :-)
    Nadia
    Adobe® Community Expert : Dreamweaver
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    Web Design & Development
    http://www.perrelink.com.au
    http://twitter.com/nadiap

  • Display different portal page or portlet depend on user's

    can I display different portal page or portlet depend on user's
    profile,such as: if user's gender is male, display a portal
    page named "malePortal",if the user's gender is female, display
    a portal page named "femalePortal"

    This can be accomplished by using Entitlements Segments.
    You can define them in EBCC. you will have to define a user profile which
    will contain user information (like gender).
    Once you have two segments defined, you can use portal administration site
    to configure entitlements for pages and portlets.
    Regards
    Mike
    "Joshua Davies" <[email protected]> wrote in message
    news:3d1c78cb$[email protected]..
    >
    "xxxx" <[email protected]> wrote:
    can I display different portal page or portlet depend on user's
    profile,such as: if user's gender is male, display a portal
    page named "malePortal",if the user's gender is female, display
    a portal page named "femalePortal"If it has to be a portlet, you'll have to create a custom web flow thatstarts with
    a custom IP class. If you just want to show different content based on auser profile
    value, take a look at "Content Selectors" in EBCC; this sounds like aneasier way
    to get where you're trying to go.
    I don't think there's a way to display different portal pages/portalsbased on user's
    profile settings.

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

  • 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

  • Imported swfs display different every time

    Hello -
    I have tried importing swfs, and each time it displays different when published. The first time, it resized and could be seen completely within the window. The second time, it did not resize so only the top left of the image could be seen. The third, time it sort of resized, but is still cut off on the bottom. I inserted the same swf file the same way each time, so I'm not sure what affects the way it displays when published. I'm using the trial version of Presenter version 7.0.7 Build 7746. The swfs were created in Captivate 5.0, and I'm using Office/PowerPoint 2010. Below are examples of what each looks like after the publish. Does anyone know how I can control how the swf will display once published?
    Thanks!
    Katherine

    Hello -
    I think it has to do with resizing the swf once it is imported. I resized it first by widening it so it went the entire width of the page - the second time I believe I did the same thing and got the larger image. Then I tried various ways of resizing and also not moving or resizing at all, and got these different results. It is not consistent, the same way of resizing did not result in the same output. Is it not possible to resize the imported swf - for example, resize so it takes up the entire slide? Below is a link to download the swf I'm using.
    http://mylearn.documentum.com/curriculumdevelopment/slide4.zip
    Thanks!
    Katherine

  • Page display in Reader 9.1

    Hi
    I like to have my pdf files open in Adobe Reader with the window maximised, the bookmarks in the left hand column and the pages displayed to fill the width of the remaining window space.
    I have tried various settings in Preferences to try and achieve this but still find some documents opening differently.  It becomes tedious to continually enlarge pages to fit the width of the window.
    Can anyone tell me what settings affect the page display and how I should set these to display the pages to my requirement.
    Eric43

    I have tried that but still the documents return to their original state after closing and re-opening.
    I have also tried every combination of preferences but no matter what settings I use the document still opens as originally viewed (usually one complete page view).
    I can only assume that either the view is set by the author and is locked and can only be temporarily altered when viewing or I am missing something in the preferences settings.
    How can the settings for an individual document be set to default?

  • How to set full-screen page displaying automatically  on portal.

    one viewset included two views (named <b>topView</b> and <b>detailView)</b>
    putting a <i>table control</i> in the <b>detailView,boz</b> of many columns of the <i>table</i>  exceed the width of portal screen,which result in the  <b>topView</b> is the same width to the <b>detailView</b>.both of the two views exceed out of the full-screen width.but i don't wanna move the <b>topView</b> when i drag <i>scroll horizontal bar control</i>. so i added a <b>ScrollContainer</b> into the <b>detailView,and</b> put the <i>talbe</i> control into it.
    the confusoning is :i don't know how to set the the <u>width</u> of the  <b>ScrollContainer</b>  cotrol , to keep it  full-page displaying any time on portal .
       u know the IE'Screen resolution setting maybe different ,e,g,:1024786px  and 800600px.

    HI,
    Give the width in % instead of mentioning in pixels.
    ie. for full width, give 100%.
    Make sure the layout is GridLayout.
    Regards
    Fahad Hamsa

  • IView that displays different things depending on event

    Hi list,
    I need to create an iView that will be receiving different events from other iViews.  This receiving iView will display different things depending on the event (eg. image maps, data sheet, etc).  How should I implement this iView?  Should this iView be multi-component and then the events triggers the correct component?  Or should this iView be multi JSP pages with one component handling the event and calling the correct JSP page?  Or are there any other suggestions/examples out there?
    The image map is not simple either.  It has several hotspots on one image map.
    Thanks in Advance,
    Jovanka

    Hi list,
    I need to create an iView that will be receiving different events from other iViews.  This receiving iView will display different things depending on the event (eg. image maps, data sheet, etc).  How should I implement this iView?  Should this iView be multi-component and then the events triggers the correct component?  Or should this iView be multi JSP pages with one component handling the event and calling the correct JSP page?  Or are there any other suggestions/examples out there?
    The image map is not simple either.  It has several hotspots on one image map.
    Thanks in Advance,
    Jovanka

  • How to implement a page showing different database tables

    I am wondering what is the best way to implement the following task:
    On the left side of a page, there are two Listboxes. On the right side of the page, I want to display different database tables depending on the selected value from those two Listboxes.

    I am wondering what is the best way to implement the
    following task:
    On the left side of a page, there are two Listboxes.
    On the right side of the page, I want to display
    different database tables depending on the selected
    value from those two Listboxes.A Data Table component isn't really designed to dynamically swap which database table you're binding too (and therefore which set of columns you will display) under the covers. Here are a couple of general strategies to consider for accomplishing your functional requirements:
    * Create a separate Data Table component for each possible database table, all on the same page, and dynamically set the "rendered" property of the selected Data Table to true, while setting it to false for all other Data Tables. That way, only the corect one will be shown.
    * Create a separate page for each Data Table, using a similar look and feel so that it appears to the user like it's all the same page. To save cutting and pasting the list components, put them in a JSP Page Fragment so they can be reused on each page. ((SIDE NOTE: This is a very common technique for simulating what looks like tabbed panes, but where the implementation actually uses separate pages.))
    * Use frames so that the left frame (containing the list boxes) stays the same, and the right frame switches to a different page for each of the tables. This is essentially another way to share the list components across the pages.
    * Abandon all the ease-of-use stuff Creator provides for binding to data tables, and write code that programmatically erases all the old child components and creates new ones. This is the sort of thing you'd need to do for a "SQL BROWSER" sort of application, where the set of columns is not known ahead of time.
    Craig McClanahan

  • Acrobat pro properties how to usefull screen mode and keep page display at 100%

    I am trying to create a pdf that will open in full screen mode and be a self running presentation but will display at 100% or at the actual page size and resolution.
    When full screen mode is selected and with 100% selected in the properties or with actual size selected in the properties, when the pdf file runs on large screen monitor it enlarges the page display so it is no longer at 100% of size or it actual size (pages are set up at 8.5 by 11 inches full screen mode on large 20 monitor make them enlarge).
    Is there setting combination that can use the full screen mode and thus use the self running presentation but still maintain the image display size and correct resolution 100% at 72 ppi.

    Not having problem with the pdf file autostarting, there are no movies or sounds in PDF file only transitions with auto flip are used. My issue is getting the file to display at correct size and resolution with the full screen mode also turned on in the document properties (running acrobat 9 pro on mac os 10.5.8). Using 100% or actual size or fit page in the initial view setting seems to not effect this when the full screen mode also is selected. I want the file to display at its correct size and resolution, I thought that using 100% vs actual size would make the file display at its 8.5 x 11 size or what ever size is used regardless of monitor size it is displayed on. PDF file seem to do this when the full screen mode is not used.
    I thought that I had gotten this to work with full screen mode before, maybe this has changed with acrobat pro 9 on mac?
    It seems there is no way to affect the display within the fullscreen mode. So for example if you set in document properties under the initial view the magnification to 50% when the the full view mode is checked it overrides this magnification setting this seems to be so if using the actual or the 100% setting. Yes the 20 or 27 inch monitor displays it larger and also distorted because the file resolution is intentionally kept at screen res 72 ppi because I need to maintain a small file size. This is not what I want to happen. I thought there was a way to control how the file displays when using the fullscreen mode. this is my making me crazy issue.
    On Dec 27, 2009, at 11:52 AM, Phillip Jones wrote:
    Have you tried before creating a PDF going to preferences > Page display and set to 100%, fit width, or fit visible to see which works the best.
    Actually what you are seeing is what it shows on your monitor. and will be different for each person's monitor. 100% on a 15" monitor is going to show much smaller than on a 27" inch monitor.
    As for the autostart. On Macintosh only sound and movies are allowed to autostart, and even then only from computer or if your using Quicktime , or possible for music iTunes. PC's are the ones that allow anything and everything to autostart. I don't know if its as big an issue now oas when Apple begaan the policy. But it was apple actually looking after the users best interest. You see a lot of Virus, Trojan Horses, worms, and other malware were installed using autostart commands so Autostart simply does work  Now you could create a PDF to be burned on a DVD and sent to people, That can be set to AutoStart. but it would fail for your mac users.  it doesn't take but a second for a person to click on a PDF to run it.

  • Images displayed differently in Firefox

    I have a Dreamweaver page that displays normally in IE. But when I open it in firefox, one of the elements is displayed differently. Specifically, I have some social media icons that are supposed to be displayed horizontally, and they are in IE. But when I open the same page in Firefox, it displays those same icons vertically. How can I correct that? Thanks.
    http://www.blackexpotourweb.com/hampton.html

    This is what I see
    <style type="text/css">
    html {
        background-color: #000;
        height: 100%
    body {
        width: 1000px;
        margin: auto;
        background: url(http://www.keystonemkg.com/Hampton.gif) no-repeat;
        height: 800px;
        position:relative;
        background-image: url(Hampton.gif);
    .maintext {
        font-family: "Courier New", Courier, monospace;
    #apDiv1 {
        position:absolute;
        width:174px;
        height:305px;
        z-index:1;
        left: 289px;
        top: 329px;
    #apDiv2 {
        position:absolute;
        width:328px;
        height:449px;
        z-index:2;
        left: 138px;
        top: -49px;
    #apDiv3 {
        position:absolute;
        width:137px;
        height:126px;
        z-index:2;
        left: 448px;
        top: 417px;
    .infotext {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #FFF;
    siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        color: #000;
    .siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #000;
    #apDiv4 {
        position:absolute;
        width:715px;
        height:22px;
        z-index:3;
        left: 253px;
        top: 804px;
    #apDiv5 {
        position:absolute;
        width:170px;
        height:242px;
        z-index:4;
        left: 46px;
        top: 408px;
        text-align: center;
    dropsha {
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    #apDiv6 {
        position:absolute;
        width:883px;
        height:62px;
        z-index:5;
        left: 71px;
        top: 141px;
        vertical-align: middle;
        text-align: center;
    #apDiv7 {
        position:absolute;
        width:170px;
        height:69px;
        z-index:4;
        left: 51px;
        top: 710px;
        text-align: center;
    #apDiv4 .infotext .siteinfo {
    eventtext {
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv8 {
        position:absolute;
        width:181px;
        height:27px;
        z-index:6;
        left: 281px;
        top: 327px;
        font-weight: bold;
    a:link {
        color: #FFF;
    a:hover {
        color: #F00;
    #apDiv9 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:6;
        left: 16px;
        top: 764px;
    .maintext1 {    color: #FFF;
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv10 {
        position:absolute;
        width:115px;
        height:36px;
        z-index:6;
        left: 831px;
        top: 716px;
        float: left;
    #rightjust {
        text-align: right;
    #apDiv11 {
        position:absolute;
        width:868px;
        height:53px;
        z-index:7;
        left: 77px;
        top: 214px;
        text-align: center;
    </style>
    What you need to do is add the bold part into this as per
    <style type="text/css">
    html {
        background-color: #000;
        height: 100%
    body {
        width: 1000px;
        margin: auto;
        background: url(http://www.keystonemkg.com/Hampton.gif) no-repeat;
        height: 800px;
        position:relative;
        background-image: url(Hampton.gif);
    .maintext {
        font-family: "Courier New", Courier, monospace;
    #apDiv1 {
        position:absolute;
        width:174px;
        height:305px;
        z-index:1;
        left: 289px;
        top: 329px;
    #apDiv2 {
        position:absolute;
        width:328px;
        height:449px;
        z-index:2;
        left: 138px;
        top: -49px;
    #apDiv3 {
        position:absolute;
        width:137px;
        height:126px;
        z-index:2;
        left: 448px;
        top: 417px;
    .infotext {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #FFF;
    siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        color: #000;
    .siteinfo {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #000;
    #apDiv4 {
        position:absolute;
        width:715px;
        height:22px;
        z-index:3;
        left: 253px;
        top: 804px;
    #apDiv5 {
        position:absolute;
        width:170px;
        height:242px;
        z-index:4;
        left: 46px;
        top: 408px;
        text-align: center;
    dropsha {
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    #apDiv6 {
        position:absolute;
        width:883px;
        height:62px;
        z-index:5;
        left: 71px;
        top: 141px;
        vertical-align: middle;
        text-align: center;
    #apDiv7 {
        position:absolute;
        width:170px;
        height:69px;
        z-index:4;
        left: 51px;
        top: 710px;
        text-align: center;
    #apDiv4 .infotext .siteinfo {
    eventtext {
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv8 {
        position:absolute;
        width:181px;
        height:27px;
        z-index:6;
        left: 281px;
        top: 327px;
        font-weight: bold;
    a:link {
        color: #FFF;
    a:hover {
        color: #F00;
    #apDiv9 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:6;
        left: 16px;
        top: 764px;
    .maintext1 {    color: #FFF;
        font-family: Georgia, "Times New Roman", Times, serif;
    #apDiv10 {
        position:absolute;
        width:115px;
        height:36px;
        z-index:6;
        left: 831px;
        top: 716px;
        float: left;
    #apDiv10 img {
        float: left;
    #rightjust {
        text-align: right;
    #apDiv11 {
        position:absolute;
        width:868px;
        height:53px;
        z-index:7;
        left: 77px;
        top: 214px;
        text-align: center;
    </style>
    and remove the float: left that you placed in the meantime under #apDiv10
    Gramps

  • Fixing Page Display Resolution

    Hello
    Is it possible to fix the display resolution of a PDF file at 96 pixels/inch by some means?
    I am developing some e-learning content which I would like to distribute as interactive PDF files. I intend to use InDesign CS5.5 for the layout work and have been creating some test screens.
    It falls apart when I add movies onto my pages. Once saved as an interactive PDF file and opened in Adobe Reader the quality of the movie is very dependent on the page display resolution set in the individual user's preferences.
    If they have their preference set to anything other than 96 pixels/inch the movies look poor. We develop the movies on our Macs at 72 pixels/inch and can overcome the change in resolution to 96 pixels/inch by changing the page setup to 75%. The resolution though is out of our control and i wondered if we could overcome this by some neat scripting.
    Thank you.

    Simple answer is "no, but there's another way".
    PDF pages display in physical units (points) so the concept of "100%" is actually meaningless on screen - the chances of it being 1:1 pixels are vanishingly-small even on a predictable set of hardware, and in Acrobat or Reader a "100%" scale is supposed to mean "a 210mm wide page is shown 210mm wide" - however as it has no idea of the physical size of the monitor, it's a moot point. It is certainly not the same as "100%" in Photoshop, which means "one photo pixel = one screen pixel".
    Instead, if you use a different player widget to embed your videos in Acrobat, you can set the video itself to use 1:1 pixel scaling (provided the screen rectangle is large enough of course). Flash is happy to work with pixels even when the PDF it's living inside is not.

Maybe you are looking for

  • Unable to perform OCR with unkown error

    I have acrobat X Pro. When I try OCR on a scanned image, I get the following error message "Acrobat could not perform recognition (OCR) because: Unable to process the page because the Paper Capture recognition service experienced an error. (6)"   The

  • How to Update a clob column..it gives error string literal too long

    I am trying to update a clob column of a table but it gives error string literal too long plz tell me what's the issue ORA-01704: string literal too long

  • Many of my apps will not open

    Today, When I touch the screen on my iPad 2 to open a new app,, the app. did not open.I tried tapping the screen many times to make it open but it doesn't.  I will then try  to open many other app & they will not open either. This did not happen to a

  • Safari won't open in ml

    Crash report: Process:     Safari [266] Path:        /Applications/Safari.app/Contents/MacOS/Safari Identifier:  com.apple.Safari Version:     5.1.7 (7534.57.4) Build Info:  WebBrowser-7534057004000000~7 Code Type:   X86-64 (Native) Parent Process: 

  • Mail opens inbox of non-default account

    I upgraded to OS4. When I open the Mail app it goes to the Inbox of one of my accounts that is not my default account. How do I make the main screen of the Mail app appear when I open it? Thanks!