Browser background showing at bottom of page

Hi all,
all the pages on my site (still under construction) measure 700pxW x 480pxW. The browser background is a different colour to the content, but on all pages except the home page the content goes from top to bottom, which is how I want it.
On the home page, the background is showing at the bottom of the page when the content should be going, like the other pages, from top to bottom.
Any ideas?

We can tell more about the problem if we can visit the site to examine it first hand. Otherwise, a guess would be to put an empty text box on the page and drag it down far enough so the footer is lowered to the point where the page content is below the lower edge of the screen. Or increase the page height in the Inspector/Page/Layout pane beyond the 480 size. Maybe more like 800.
OT

Similar Messages

  • Smart PDF shows at bottom of page in Firefox

    Is it just too wide to show next to the left nav bar? It works correctly in IE. Go to http://www.beautifulsaviorantioch.com, click on "calendar", and scroll to bottom of page. Thanks in advance!

    The_FedEx_Guy wrote:
    do you need the page code?
    Yes please.
    No page code no possible answer.

  • Since downloading 5.0, my add-ons icons no longer show at bottom of page.

    The icons for my add-ons no longer appear at the bottom of the page. This happened when I downloaded Firefox 5.0.
    How do I correct this so that the icons show. '''bold text'''

    Many thanks John99.
    I got around to disabling FAVICON PICKER 2 version 0.6.2.15 and the tab icons came flooding back - perfect. I will still be able to use the FAVICON add-on when I would like to add an icon to a bookmark and the disable it again so I have the best of both worlds.
    Many thanks again.
    devonian

  • Browser Only Shows 35 Rows per Page

    I have a Business Exploder query that I display on the web.  However, it only shows 35 pages at a time.  Can I increase this to all rows?  I don't see an option in the query properties, and I don't have access to any stylesheets.
    Thanks.

    For table web item, set the specific property - "Number of Data Rows displayed" to 0 (zero) This will show all of the records returned.
    But be careful about large number of rows as browser will go for a spin. It does not stops as excel does for 6000 rows.

  • Browser background not showing up on ipad or iphone

    I have published a site and the browser background (which is an important part of my design) does not show up on my ipad or iphone when I visit the sight. I have published several websites from iweb and their browser backgrounds show up on my ipad and iphone. Have they changed the software or am I doing something wrong?

    Your link, bluecollarmedia.com. does not work.  Neither does www.bluecollarmedia.com.  Go to your site and copy the URL from the browser's URL field and paste it in a new reply for us.
    OT

  • Drop Shadow of Page on Browser background

    I see how I can change the color of the browser background, but is it possible to have a drop shadow effect where the page ends and the browser background begins?
    Thanks, Leslie

    lnicole - This can be done with a trick.
    You know how to make the page background match the browser background. To give the Page a shadowed look, you need to enlarge your page a little more than the shadow you want. Next, you must place a rectangular graphic the size of your original page on top of the Page and in the background of everything you have on the page (i.e. send it to the back). Make this large graphic the same color as your Page and Browser, and then give it the shadow you want.
    The result on the published page in your browser is a shadowed background, seemingly for the entire page.
    I hope I’ve explained this clearly enough. -Fabe

  • 2 out of 6 pages not loading browser background image

    Does anyone know why out of 6 pages on my website, only 2 of them are not loading the choosen browser background image? All other pages load them in when uploaded to the site online. They appear to be correct in iWeb before publishing.
    Once they are published, it is just white. If I select a color instead of the image, the color displays. Thoughts?
    All the best
    iMac G5 20   Mac OS X (10.3.9)  

    One more question. I know that when you publish your
    site to a non .mac acct, the podcasting code needs to
    be changed. Can someone help me out with that? You
    click the subsribe button and it launches iTunes, but
    then it errors out. Thoughts?
    Your RSS URL is invalid: http://www.onetvshow.com/ONE/our%20podcast/rss.xml
    www.onetvshow.com is not listed with WHOIS.
    Does anyone know of a free/cheap program I can use to
    edit some of the code. I need to insert some form
    mail code and then also for the podcast code edits.
    You are asking the wrong guy if it repetitive and on going basis, I say AppleScript

  • Header.php exists but does not show up on every page.

    Hi.  I am starting from scratch with this.
    part1.
    My objective is to create a website that takes advantage of DreamweaverCC's fluid-grid-layout so that my web Site auto-flows on
    smartphones, tablets and desktops/laptops.
    file > new > fluid-grid-layout.
    By default, it says 'unnamed.css'
    I named it  testSite.css
    click okay.
    (This is the only way to begin with a fluid-grid-layout - I think).
    It opens a split view.
    On the right frame is a DIV that has this text inside.
    "Use Insert Panel for additional Fluid Grid Layout Elements. Note: All Fluid Layout tags must be contained within the "gridContainer" div tag."
    In the right frame,
    <script src="file:///Macintosh%20HD/Applications/Adobe%20Dreamweaver%20CC/Configuration/BuiltIn/F luid%20Grid%20Layout/respond.min.js"></script>
    </head>
    <body>
    <div class="gridContainer clearfix">
      <div id="div1" class="fluid">Use Insert Panel for additional Fluid Grid Layout Elements. Note: All Fluid Layout tags must be contained within the "gridContainer" div tag.</div>
    </div>
    </body>
    </html>
    QUESTIONS - CLARIFICATION.
    Question ????
    class = 'gridContainer clearfix"
    div id = "div1 class = "fluid"
    So all of the <div>s that I place inside of the gridContainer will all be assigned the 'class'  fluid.
    Yes ?
    And I define div ids so that I can use css styles
    Yes ?
    I understand class in Java but I do not understand it here in Dreamweaver.
    Please explain.
    part2.
    I inserted 4 <div>s into the gridContainer and assigned them specific div ids.
    div id = square1
    div id = square2
    div id = square3
    div id = square4
    I see these assignments in the code.
    But in the properties panel with HTML (not css panel) selected. 
    It shows  ID None.
    Question ????
    Why doesn't the assigned div =id  in the code show in the properties panel.
    part3a.
    index.php is my main web page.
    It has several images (the 4 different squares).
    I created a separate .html file for each square: square1.html square2.html square3.html square4.html.
    At this point, each of those pages has only one sentence.  'contents for square#N) will be on this page'
    I used the properties panel and linked the 4 images on index.php to these .html files.
    When I 'View in Safari/Firefox'  each of those images (squares) when clicked - bring me to the appropriate page.
    So I've got some of this working
    part3b.
    I know that some of you have already tried to assist with this but it is not working for me.
    I created a file called header.php
    The contents of header.php does not have any <tags> at all.
    The contents is this:
    <h1> This will be the header for all of my web pages.</h1>
    In index.php I included this in the code as such:
    <body>
    <? php require_once('header.php'); ?>     // this is line 34
    <div class="gridContainer clearfix">
      // div ids for the images etc. etc.
    </body>
    </html>
    View in Safari/Firefox
    Parse error: parse error in /Library/WebServer/Documents/dwwdSite/index.php on line 34
    I tried this.
    <? php include_once('header.php'); ?>
    <? php include('header.php'); ?>
    and I get the same exact error.
    When I 'view in Safari/Firefox'  header.php  it displays what I want:
    This will be the header for all of my web pages.
    Question ????
    What am I doing incorrectly ?
    From one of my other posts - as we got onto this topic, it was suggested that I just place the php code:
    <? php  include('header.php'); ?>
    within the index.html file exactly where I want it to show up.
    I want it to show up at the top of each page.
    Well at this point it is not showing up anywhere !!
    But if I have header.php active in Dreamweaver and 'view in safari/firefox'
    the browser does show the header.php page.
    part4.
    Question ????
    And should I include
    <? php require_once('header.php'); ?>
    at the top of each of the square.html files if I want the header to show up on each of those pages.
    I think this makes sense.
    part5.
    Question ????
    When I view testSite.css
    I understand that it has 3 different sets of selectors for each of the 3 different devices.
    But how do I 'assign'  css properties to the contents inside of header.php ?
    With header.php active/open, from the 'properties panel' I can select CSS and choose: font, size, color from there and it works
    but should I not have this included in the testSite.css ?
    Lots of questions. Hope that I explained it in an organized fashion.
    thanks again.
    Nancy O.
    Sudarshan Thiagarajan

    > So all of the <div>s that I place inside of the gridContainer will all be assigned the 'class'  fluid.
    Nope - but everything that you insert using the Insert panel will give you the opportunity to specify that it's a fluid element, which you can do by enabling the checkbox on the dialog. This means that you CAN insert a <div> that is not a fluid element. It's only the ones that you insert as a fluid element that will get that class automatically.
    >And I define div ids so that I can use css styles
    Assigning an ID to any element on the page allows you to target that element with a particular CSS rule.
    > I understand class in Java but I do not understand it here in Dreamweaver.
    > Please explain.
    There is no similarity at all. There are four ways you can identify a page element to apply a CSS rule:
    1. By tag, e.g., all paragraph tags on the page.
    2. By context, e.g., any paragraph tag that is within a <nav> element.
    3. By 'class' assignment, e.g., any element that has been given a particular "class" attribute -> <p class="foo">
    4. By ID, e.g., any element that has been given a particular "ID" attribute -> <p id="foo">
    The weight of any style (i.e., which one to use in the event of conflict) is determined by a number of characteristics of the CSS 'selector' that carries the rule.
    > Why doesn't the assigned div =id  in the code show in the properties panel.
    Assuming your code is correct, it will, e.g.,
    <div id = "square1"></div>
    <div id = "square2"></div>
    <div id = "square3"></div>
    <div id = "square4"></div>
    Try this -
    <html>
    <head></head>
    <body>
    <?php require_once('header.php'); ?>     // this is line 34
    <div class="gridContainer clearfix">
      // div ids for the images etc. etc.
    </body>
    </html>
    and I get the same exact error.
    Yes - there is no space in "<?php".
    Let's start with that.

  • WEBSITE PAGE NOT SHOWING UP IN IE9..ONLY THE BACKGROUND SHOWS UP..

    IN FIREFOX AND IE9, I'VE BEEN CREATING THIS SITE. HTML5. NOW, HERE I AM ALMOST DONE WITH THE SITE AND WHEN I DO THE MEDIA PAGE..... IT SEEMS TO ONLY SHOW THE BACKGROUND IN IE9..EVEN AFTER I DELETED IT.. THAT SPECIFIC PAGE (videos.html) IS ONLY DISPLAYING THE BACKGROUND. EACH PAGE I DO, I'VE TESTED THEM IN BOTH BROWSWERS..... KEEPING EVERYTHING THE SAME EXCEPT FOR THE CONTENT WITHIN THE ARTICLE....
    Here's the Code initially, I'm sure there are erros obviously so guys just help me and don't be rude, if you will. I appreciate it greatly.
    HERE'S WHAT IT LOOKS LIKE IN FIREFOX:
    HERE'S WHAT IT LOOKS LIKE IN IE9:
    HERE'S THE CODE:
    (IT'S NEAT IN DREAMWEAVER) BUT... I JUST COPIED AND PASTED IT ONTO HERE.
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta content="DahJ" name="author">
    <meta content="DahJ, Derek, Alton Hill, Dahari, financial freedom, Designer DahJ, Mogul DahJ, Dahari Fashions, university, ministries, Salem, Dahj University, chancellor, business, success, successful, North Las Vegas, Derek, , Coach, mentor, Philanthropist, Best-Selling Author, Author, life-coach, life, " name="keywords">
    <meta content="DAHJ videos, photos, and blog: Official Website" name="description">
    <title>Media - DAHJ videos, photos, and blog: Official Website</title>
    <style type="text/css">
    <!--
    body {
        margin: 0;
        padding: 0;
        color: #000;
        background:url(Images/websitebackgroundhomee.jpg) repeat scroll 0 0;
        font-family: David;
        font-size: 15px;
        height:100%;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h2, h4, h5, h6, p {
        margin-top: 0;
        padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
        font-family: David;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        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: #42413C;
        text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
        width: 960px;
        margin: 0 auto;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0 5px 3px 3px #7d7f7e;
        -webkit-box-shadow: 0 5px 3px 5px #7d7f7e;
        box-shadow: 0 5px 3px 3px #999;
        background-image: url(Images/contentbckgrnds/videocontent.jpg);
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
        height: 520px;
        width: 960px;
        background-position: center;
        background-color: #000;
    h1 {
        font-family:Century Gothic;
        padding-left:11px;
        font-weight:lighter;
    h1 a:hover {
        color:#09F;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.
    .sidebar1 {
        float: right;
        width: 300px;
        background: #fff;
        padding-bottom: 10px;
    .content {
        padding: 0px 0;
        width: 960px;
        float: right;
        background-color: #FFF;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The footer ~~ */
    footer {
        padding: 10px 0;
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
        background-color: #CCC;
        background-image: url(Images/footer2.jpg);
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, nav, article, figure {
        display: block;
    aside {
    .homebutton{
        background: no-repeat scroll 0 0 transparent;
        height:65px;
        left:-1.2em;
        position:relative;
        top:-3.4em;
        width:172px;
        z-index:20;
    h3 {
        font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-size:small;
        padding-left:15px;
    /*   THIS IS MY FOOTER'S FONT AND TEXT   */
    address {
        font-style:Century Gothic;
        color:#FFFFFF;
        text-decoration:none;
        text-align:center;
        font-style:normal;
    address a:link {
        color:#0CF;
    address a:link, a:hover {
        color:#33CC33;
    /*   THIS IS MY SOCIAL MEDIA LINKS, TITLES, AND COUNTS..... FACEBOOK, TWITTER, YOUTUBE   */
    #socialmedia {
        list-style:none outside  none;
        display:block;
        margin:15px 145px 0px;
        position:relative;
    .twitter {
        display:inline;
        margin-left:135px;
    .facebook {
        display:inline;
    .youtube {
        display:inline;
        margin-left:135px;
    #socialmediatitles {
        list-style:none outside none;
        display:block;
        margin:15px 190px 5px;
        position:relative;
        font-family:Century Gothic;
        font-size:22px;
        color:#ffffff;
        width:800px;
    .twitterfollowers {
        display:inline;
        margin-left:160px;
        color:#ffffff;
    .twitterfollowers a:link {
        color:#ffffff;
    .facebookfans a:link {
        color:#ffffff;
    .youtubesubs a:link {
        color:#ffffff;
    .facebookfans {
        color:#ffffff;
        display:inline;
    .youtubesubs {
        display:inline;
        margin-left:135px;
        color:#ffffff;
    #socialmedianumbers {
        list-style:none outside none;
        display:block;
        margin:15px 185px 5px;
        position:relative;
        font-family:Century Gothic;
        font-size:30px;
        color:#ffffff;
        width:800px;
    .twittercount {
        display:inline;
        margin-left:150px;
        color:#ffffff;
    .twittercount a:link {
        color:#ffffff;
    .facebookcount a:link {
        color:#ffffff;
    .youtubecount a:link {
        color:#ffffff;
    .facebookcount {
        color:#ffffff;
        display:inline;
    .youtubecount {
        display:inline;
        margin-left:135px;
        color:#ffffff;
    div#voverlay {
        background:#FFF;
        display:none;
        height:480px;
        padding:35px;
        width:640px;
    div#voverlay .close {{
        cursor:pointer;
        height:35px;
        position:absolute;
        right:5px;
        top:5px;
        width:35px;
        background:#999;
    div#vcontainer {
        background: url("loading.gif") no-repeat scroll 50% 50% transparent;
        height:100%;
        left:0;
        top:0;
        width:100%;
    .videogallery {
        width:871px;
    .videogallery a {
        color:#333333;
        display:inline-block;
        font:12px/18px "Centurty Gothic";
        margin:3px;
        opacity:0.87;
        position:relative;
        text-align:center;
        text-decoration:none;
        veritcal-align: top;
        width:240px;
    .videogallery a img {
        border:medium none;
        display:block;
        margin:0;
    .videogallery span {
        display:block;
    .videogallery a.videolb {
        display:none;
    </style>
    <style media="screen,print,projection" type="text/css">
    #mediaxmedia{ height:823px; border:none;}
    </style>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->
    <link href="CSS/dropDown3.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="CSS/videolightbox.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="media_videolb/overlay-minimal.css"/>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/swfobject.js" type="text/javascript"></script>
    </head>
    <body>
    <div class="container">
      <header></header>
      <!----START OF NAVIGATION MENU---->
    <div id="navMenu">
                        <ul>
                          <li></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/recent-activity">ACTIVITY</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/latest-news">NEWS</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/photogallery">MEDIA</a>
        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/coaching">COACHING</a></li>
                        </ul> <!-- end main UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/shop">SHOP</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/about">ABOUT</a></li>
                        </ul> <!-- end inner UL -->
                        <p><br class="ClearFloat" />
                        </p>
      </div>
      <!-- end navMenu -->
    <!--------START OF DAHJ HOME ICON------->
              <div class="homebutton">
                <a href="http://www.dahj.com"><img src="Images/websiteicons/bg_logo_new_0.png" width="172" height="61"></a>
            </div>
    <!-- END OF DAHJ HOME ICON BUTTON ------>
    <article class="content">
    <br>
    <!--------VIDEO CONTENT BEGINS HERE--------->
    <div id="voverlay">
        <a class="close"></a>
            <div id="vcontainer"></div>
    </div>
    <center>
    <!-- Start VideoLightBox.com BODY section -->
        <div class="videogallery">
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39862994&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Hearing His Voice"><img src="Images/video thumbs/0.png" alt="Hearing His Voice" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39862218&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="The Trust Fund from ManPower 2010"><img src="Images/video thumbs/1.png" alt="The Trust Fund from ManPower 2010" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39861243&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="What He Put In You Then Will Work For You Now"><img src="Images/video thumbs/2.png" alt="What He Put In You Then Will Work For You Now" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39031081&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="The Word 101 - Back to the Basics"><img src="Images/video thumbs/3.png" alt="The Word 101 - Back to the Basics" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36932142&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Tough Love - Pastor Sheryl Brady"><img src="Images/video thumbs/4.png" alt="Tough Love - Pastor Sheryl Brady" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=35261687&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Just Calm Down - Pastor Sheryl Brady"><img src="Images/video thumbs/5.png" alt="Just Calm Down - Pastor Sheryl Brady" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=28674599&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="How to Seduce Proof Your Life"><img src="Images/video thumbs/6.png" alt="How to Seduce Proof Your Life" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36249630&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart TPHND - Part 1"><img src="Images/video thumbs/7.png" alt="iHeart TPHND - Part 1" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36666455&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart The Potter's House North Dallas - Part 2"><img src="Images/video thumbs/8.png" alt="iHeart The Potter's House North Dallas - Part 2" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=37080493&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart The Potter's House North Dallas - Part 3"><img src="Images/video thumbs/9.png" alt="iHeart The Potter's House North Dallas - Part 3" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=37535503&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart TPHND - Part 4"><img src="Images/video thumbs/10.png" alt="iHeart TPHND - Part 4" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=22007961&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="My grandson Jaden playing the drums"><img src="Images/video thumbs/11.png" alt="My grandson Jaden playing the drums" /><span></span></a>
    </div>
    <script src="js/jquery.tools.min.js" type="text/javascript"></script>
    <script src="js/videolightbox.js" type="text/javascript"></script>
    <!-- End VideoLightBox.com BODY section -->
    </center>
    <br>
    </article>
    <!----------------VIDEO CONTENT ENDS HERE------------------>
        <!-----------------NUMBERS BOTTOM ------------>
       <!-----------------END NUMBERS BOTTOM---------->
      <!-- end .content -->
      <footer>
      <br>
      <br>
      <!-----------START SOCIAL MEDIA ICONS---------->
    <div id="socialmedia">
        <div class="facebook">
            <a href="http://facebook.com/dahj"><img src="Images/websiteicons/icontexto-inside-facebook.png"></a>
        </div>
        <div class="twitter">
            <a href="http://twitter.com/officialdahj"><img src="Images/websiteicons/icontexto-inside-twitter.png"></a>
        </div>
        <div class="youtube">
            <a href="http://youtube.com/dahj"><img src="Images/websiteicons/icontexto-inside-youtube.png"></a>
        </div>
    </div>
    <!-------------END SOCIAL MEDIA ICONS------>
    <!-------------START OF SOCIAL MEDIA TITLES------------>
    <div id="socialmediatitles">
        <div class="facebookfans">
            <a href="http://facebook.com/dahj">FANS</a>
        </div>
        <div class="twitterfollowers">
            <a href="http://twitter.com/officialdahj">FOLLOWERS</a>
        </div>
        <div class="youtubesubs">
            <a href="http://youtube.com/dahj">SUBSCRIBERS</a>
        </div>
    </div>
    <!------------END OF SOCIAL MEDIA TITLES---------------->
        <address>
        <br>
        <br>
        ©2012 Copyright | <a href="http://dahj.com/privacy-policy">Privacy Policy/Your Privacy Rights</a> | <a href="http://dahj.com/terms-of-use">Terms of Use</a> | <a href="http://dahj.com/contact-information">Contact US</a> | <a href="http://dahj.com/feedback">Feedback</a>
        </address>
    </footer>
    <!-- end .container -->
    </div>
    </body>
    </html>

    I am not sure what's happening with IE9 (no live site) but I had real problems viewing your code in Live View - until I removed the HTML comment marked below. Basically your site was viewable in Design View but as soon a I hit Live view, it disappeared - much like IE9. See if removing the comment solves your issue.
    <style type="text/css">
    <!-- /*Remove this */
    body {
        margin: 0;
        padding: 0;
        color: #000;
        background:url(Images/websitebackgroundhomee.jpg) repeat scroll 0 0;
        font-family: David;
        font-size: 15px;
        height:100%;

  • Browser background not showing up

    I FINALLY got my website (www.unyquefiretrucks.com) to load but now the browser background does not appear!!! It showed up ok when I had published to MobileMe originally.
    The homepage has a diamond plate (aluminum) browser background and crosspieces on the homepage itself to divide the sections (you can see the outline of the cross pieces but they don't show up) while the rest of the pages use a background with the maltese cross (fire dept. emblem) as the broswer background (no page background used). On my 9/11 memorial pages, I used a design as the page background with a color as the browser background & that appears fine. With that in mind I am confused as to why the homepage is not showing up properly...I used a web safe color for the page background & the diamond plate (tile) for the browser background. I should mention that the homepage is 875 px wide while the rest of the pages are 980 px wide...don't think this should be an issue because it appeared ok on MobileMe but who knows...that's why I'm on these forums!!
    HELP!!!! I finally got this thing to load properly so I need to get this last little tweak taken care of. If you want/need to see what the site looks like normally, the unoptimized version is still accessible at
    http://web.me.com/firescueguy/UNYQUEFIRETRUCKS/uNYquefiretrucks_home.html
    Should I just add the maltese cross as the page background with a web safe color for the browser background on the bulk of my pages? Still not quite sure how that will affect the homepage with the diamond plate not showing up. BTW, eliminating the diamond plate on the homepage is NOT an option, that makes the entire page IMHO.
    Thanks in advance for the help, these forums have been a good source of info for me. Thanks, Tom

    Old Toad, thanks for the reply...FYI, I used an optimization program called HTML Optimizer Plus that FTP's my site to the server (actually much quicker than CyberDuck IMO). While I have a 1-to-1 set up for tomorrow, I would like to pick your brain as you seem to be pretty knowledgeable judging by your numerous posts. Exactly how would I load those background .gif files? They are currently in a folder on my desktop with various backgrounds. Oddly enough, the background for the 9/11 pages loaded with no problem.
    Thanks for the tip on the activity window (I did not know about that tool), that definitely gave more insight into what I was missing. I will give some thought to remove the border (will probably try it on a page or two to see how it looks first before changing the whole site).
    One last thing...I had named my homepage index.html (that file still exists on the server) but the optimizer program generated the file index.html.html - if I deleted this file, would the server presumably recognize the standard index.html file?
    Look forward to hearing your input. Thanks again for your help, Tom
    Message was edited by: Firescueguy

  • Background image of custom master page just shows for 1 second.

    Hi, 
    I have created a custom master page from a html code and I have applied to it on my site collection, but when I open it on the web browser the background image just show up for a second or less and then the background turns white.
    I'll aprecciate any suggestions in order to solve this.
    Regards.

    Hi,
    According to your post, my understanding is that Background image of custom master page just shows for 1 second.
    I recommend to change the class to use .main-content.
    .main-content
    background-color:#F4F2E5;
    background: url('/Style%20Library/Images/image.png');
    background-repeat: no-repeat;
    background-;
    You can also use a contol called cssregistration. Add a line that looks something like this, right below the existing csslink:
    < SharePoint:CssLink runat="server" Version="4" /> (under this you add:)
    < SharePoint:CssRegistration runat="server" name="/Style%20Library/Scripts/style.css" After="coreV4.css" />
    Here is a similar thread for you to take a look at:
    http://social.technet.microsoft.com/Forums/en-US/929c9fe6-a222-43a9-9551-985c0f20756d/background-image-in-sharepoint-2010-master-page?forum=sharepointcustomizationprevious
    Best Regards,
    Linda Li
    Linda Li
    TechNet Community Support

  • Black browser background results in black field ot top of some of the pages

    Even if top margin is set to zero, a black field is appearing on top of some of my pages. This field may vary in size.
    Examples:
    Compare:
    http://www.uib.no/people/mbloh/Velkommen.html
    to:
    http://www.uib.no/people/mbloh/Cave.html
    Or go to the archive (arkiv) on the blog (Tidende), and have a look at the older postings. The error seem to accumulate over time.
    The only way to fix this is to make a new page, and then copy the content from the erratic page over to this, and delete the old one. Then everything looks fine for a while, before it may again start to show this erratic behaviour.
    The template I've used is the White one.
    What could be causing this?
    Regards,
    Ole Horvli

    Ole Horvli,
    This effect may have something to do with the "Content Height" that is set in the Inspector Page tab. The Content Height is usually set to some number like 500 by default. You can see exactly where this limit is if you select under the View menu "Show Layout". You will see the Footer which is at the bottom of the page and the the next adjacent space is the "Content" space. As you adjust this number, the Content bar will move.
    Usually, the Content space is dynamic....As you add content or text or whatever, you will see the Footer content automatically move down...Try dragging a text box down your page and you will see the effect. But once you get your page set the way it is going to be, I would suggest that you adjust the value for "Content Height" such that it actually "fits" the content that is present. This will eliminate the variability of browser display when you publish the page...In effect you are "reserving" the entire space leaving no room for browser adjustment. If we all had huge vertical monitors, you could see the effect as you dragged the browser window larger and larger vertically.
    If you find this information useful, please take the time to provide me with feedback by marking my reply as "solved" or "helpful" using those little buttons that you see in the title bar of this reply. I'd really appreciate it!

  • My website only shows the bottom half of my page once uploaded to my cPanel direct from Dreamweaver CS5.

    My website only shows the bottom half of my page once uploaded to my cPanel direct from Dreamweaver CS5.
    Please see here www. cmenco .com
    It has a slider and pictures above like the image below:
    This does not show and I have tried everything.
    Help will be appreciated.

    Your slider images in the images folder on your site seem to be corrupted.
    Are you on Godaddy hosting by any chance?

  • When you first download Pages, there is a welcome screen with a check mark, in a box, at the bottom left corner that says show this window when Pages opens. How do I recheck that box?

    When you first download Pages, there is a welcome screen with a check mark, in a box, at the bottom left corner that says show this window when Pages opens. How do I recheck that box?

    Alex,
    Go to Pages Help, Welcome to Pages.
    Jerry

  • Web page shows the top of page (a horizontal bar of text), but majority is bumped far right. (1/4 page.) Page shows in other browser. Cleared cache, no help. ?

    I have taken a screen shot of the problem page. I don't know why this has happened but it has happened on Firefox for Mac and PC. It does not happen in the Safari browser.
    The top of the page looks correct.
    Underneath everything is shifted right. This leave 3/4 of the screen to be white. 1/4 of the right side of the page is showing the actual left side of the page.

    You can't attach a screenshot to the first post that starts a thread, but you can do that in subsequent replies.
    Does this only happen on one specific website?
    Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?
    It is possible that there is a problem with that web page and that there is a clear:both CSS rule missing that causes Firefox to start the next line at the horizontal position where the previous line ended.
    If you have made changes to Advanced font settings like increasing the minimum/default font size then try the default minimum setting "none" and the default font size 16 in case the current setting is causing problems.
    *Firefox > Preferences > Content : Fonts & Colors > Advanced > Minimum Font Size (none)
    Make sure that you allow pages to choose their own fonts.
    *Firefox > Preferences > Content : Fonts & Colors > Advanced: [X] "Allow pages to choose their own fonts, instead of my selections above"

Maybe you are looking for