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

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

  • 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

  • "inc" extension wont display in css page layout

    i am new to building pages with css. all i know is table based layouts. im trying to make a new template for my sites. also they are ASP pages. my problem is when im trying to use the "inc" code for my headers, footers, navigation, and a right menu. they dont display.
    what would be different for getting those files to display in a css page layout?

    You're close but you're missing quotes around your include file names.  And your includes contain too much information.
    Include files are nothing more than snippets of html code. An include  statement is inserted into the parent page where you want the content to  appear.  For this demo, I have three pre-built SSI files in my Includes  folder:
    HeadMenu.ssi
    LeftLinks.ssi
    Footer.ssi 
    My parent page has been saved as Untitled.shtml (.shtml or  .shtm tells the server there are include statements in the page). You may also  use .php or .asp if your server supports these, however those include statements look different from  the ones  in this demo.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header">
    <!--#include virtual="Includes/HeadMenu.ssi" -->
    <!--end header --> </div>
    <div id="sidebar1">
    <!--#include virtual="Includes/LeftLinks.ssi" -->
    <!--end sidebar1 --> </div>
    <div id="mainContent">
    <h1>Main Content H1</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing odio.</p>
    <!--end mainContent --> </div>
    <div id="footer">
    <!--#include virtual="Includes/Footer.ssi" -->
    <!--end footer --> </div>
    <!--end container --> </div>
    </body>
    </html>
    My HeadMenu.ssi file looks like this with only the relevant menu code.
    <div id="menu">
    <a href="#content">skip menu &gt;</a>
    <a class="intro" href="index.shtml">home</a>
    <a class="gallery" href="gallery.shtml">gallery</a>
    <a class="tools" href="tools.shtml">tools</a>
    <a class="portfolio" href="portfolio.shtml">portfolio</a>
    <a class="fees" href="Fees.shtml">fees</a>
    <a class="links" href="links.php">links</a>
    <a class="contact" href="contact.shtml">contact</a>
    </div> <!--end menu -->
    You can see a working example of this on my website:  http://alt-web.com
    One last thing, you won't see includes appear on in browser  until you publish  to a web server.  If you want to test pages locally, you'll need to install a local testing  server (WAMP, XAMP, MAMP) on your computer.
    Ask your server host if they  support SSIs and whether or not  .shtml or .shtm files are set-up up to parse includes.  Sometimes you need to add this to your .htaccess file.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print |  Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb

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

  • Safari - IE - Firefox - CSS Displays different in each

    Im hoping to get some help/direction for this site I am
    working on right now. I am fairly new to CSS and it shows I am
    sure. I have created 4 or 5 sites now using it and I am gradually
    getting better but still having trouble getting my CSS to display
    correctly in all browsers.
    Here's the deal, the site looks wonderful in firefox on both
    mac and pc platforms. IE and Safari on both platforms does some
    weird things to the design. I am aware that there are 10 ways to do
    things in CSS and had a feeling I was not using the correct method.
    Here is the
    Link
    Issues of concern:
    - Main navigation links word spacing is not consistent in all
    browsers.
    - The spacing between each cell seems larger in IE and
    Safari.
    - The damn scroll bar moves position in safari.
    Thanks in advance to anyone that has any advice, it is much
    appreciated.
    Trevor

    You have set a width=100% for the TABLE #content-container, but you didn't specify a width for the enveloping parent TABLE.
    If you also set a width=100% of that TABLE then it works for me in Firefox 5.

  • Why are jpg files displayed different in Lightroom 4 then in f.e. Apple Quicktime? How to make it similar?

    I use  Lightroom 4 for organizing and processing my photo's on my Sony Vaio VPCF11C5E (Windows 7, 64bit). When I import (no presets applied) the jpg files of my canon 6d (camera setting sRGB) in Lightroom 4, the pictures are displayed differently (less colorful) then  when displayed in f.e. the slideshow mode of Windows Photo Viewer or in Apple's Quicktime. Which settings do I need to change to display the photo's in Lightroom in the same way as in f.e. Apple's Quicktime?

    If there's a mismatch from LR, that's likely due to the other application not being color managed which is what I suspect is the case with the version of Windows Photo Viewer. LR is correct.

  • 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

  • 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

  • In Pages 5, why are page thumbnails different sizes?

    So I'm using 5. And I must say I think it's brilliantly done after a long period of ******** about it. I guess I'm not asking of it anything it doesn't provide and what it does it does very well - though I'm puzzled by the behavior of selecting text via the keyboard.
    Anyhow, that's not my question. I'm working with a long text document. I notice that as I work the page thumbnails become different sizes. It's subtle but it's clearly intentional. I reckon it's trying to tell me something but I don't know what. Haven't been able to find any info in the manual and was wondering if any of you clever people here might know. Thanks.

    This is what I meant about how rude you are though.  Your answer DOESN'T EXPLAIN ANY OF THE BEHAVIOUR myself or the other person were reporting.  The only assumption that I can make is that you posted here for the sole purpose of implying that we are both mistaken or stupid. 
    How is this helpful at all? 
    How do you have 32,485 points when you are obviously more concerned with insulting people than helping them out?  It puts the lie to the whole idea of "Apple Support Communities." 
    Also, I specifically informed you that your comments were insulting and unhelpful and politely requested you not post on this thread anymore or at least until you had some kind of actual information, yet here you are.  Posting again, with no content other than the implied insult.
    I'm not stupid.  I know what a section break is, I know what a page break is.  I'm a writer who has used innumerable word processing programs over the years and have been an IT worker for 10 years now. 
    I have a Pages document.  It has no (or only one depending on your point of view), section(s).  It has page breaks only.  The pagination is set to start at "1" on the first page and proceed normally to the end of the document (300 or so pages).  I am using Pages 5.5.2 on a brand new iMac.  I have NONE of the previous or older versions/types of Pages on my computer. 
    The pages thumbnails on the side, do actually CHANGE SIZE randomly as I am editing the document.   These differing sizes are NOT CORRELATED WITH THE BEGINNING OR ENDING OF SECTIONS.  These size changes are also NOT CORRELATED WITH THE PAGE BREAKS (in case you were about to argue the similarity of page breaks and section breaks).  As I work through the document and scroll up and down editing here or there, the size of the thumbnails RANDOMLY CHANGE SIZE.  Sometimes this is correlated with me working on a section, sometimes I can work on a section and no change happens at all.  The thumbnails that change size often change back again when I scroll back to them later on. 
    So please ... Try to act like a decent human being and either help out, or go away.  STOP POSTING THAT WE ARE WRONG, when you DON'T in fact know we are wrong.  STOP INSULTING ME by assuming I am stupid. 
    Why are you even here if you don't want to actually HELP anyone? 
    To anyone else reading this:  I am having a real bad time with this fellow who is just the most insulting person I have met for a while, however many of my posts about him are being deleted.  If anyone knows (including the mods of this forum) of the proper way to REPORT or get rid of a troll/abuser like him on Apple Support Communities or a place to report his behaviour, please let me know. 

  • 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 pblm with styles

    Hello
    I have an html file in an application directory of Tomcat.
    When I open the file in a browser(like File->Open..), the page display is correct.
    I mean it takes the Scripts, Styles directory into consideration and displays correctly.
    But when I open this html file using http://localhost:8080/myProject/abc.html , it displays the page
    with all controls like buttons, textfileds etc. However it is not shown based on the style
    specified in the Styles folder.
    What could be the reason?
    Note: This application is copied from some other system and the style reference is correct. i.e:
    <LINK rel="stylesheet" type="text/css" href='../style/default.css'> and the style folder is in the parent directory
    Pls help

    Oops!!! Got it corrected.
    The problem was this : <LINK rel="stylesheet" type="text/css" href='../style/default.css'>
    and the folder name was Style.
    thnx

Maybe you are looking for