CSS Background Shifts Down

So, i am working on my school's website in my Web Development Course, and everything seems to be going fine. I have enctountered a problem, i have a divider holding a table that is our navigation bar, and below it the content of the site. When it is in the design/code view, it looks fine as displayed in Figure 1
then when it is previewed in any browser, or in live view, it moves it down like 10ish pixels...there is no margins on any of the div either.
and here is the code for you to look at.
<!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>Belmont High School - Home</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
.oneColFixCtr #container #content #center {
float: left;
height: 520px;
width: 400px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align: center;
background-image: url(images/center.png);
background-repeat: no-repeat;
background-position: center top;
.oneColFixCtr #container #content #right ul {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
.oneColFixCtr #container #content #right {
float: right;
height: 520px;
width: 200px;
font-family: Tahoma, Geneva, sans-serif;
background-repeat: no-repeat;
background-position: center top;
background-image: url(file:///U|/Fall-Spring2010_11/Web%20Design/BHS%20website%202011-2012/Homepage-%20Bing %20and%20Ryan/images/right.png);
padding: 0px;
margin: 0px;
.oneColFixCtr #container #content .left {
float: left;
height: 520px;
width: 200px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
background-repeat: no-repeat;
background-position: center top;
text-align: left;
background-image: url(file:///U|/Fall-Spring2010_11/Web%20Design/BHS%20website%202011-2012/Homepage-%20Bing %20and%20Ryan/images/left.png);
.oneColFixCtr #container {
width: 800px; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
height: 1020px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #830A16;
.oneColFixCtr #container #bubble {
height: 300px;
background-repeat: no-repeat;
background-position: left top;
text-align: center;
font-family: "Times New Roman", Times, serif;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: 0;
border-right-style: 0;
border-bottom-style: 0;
border-left-style: 0;
font-size: 17px;
font-style: normal;
background-image: url(images/bubble.png);
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
.oneColFixCtr #navigation {
height: 30px;
.oneColFixCtr #container #content {
height: 820px;
width: 800px;
-->
</style>
<script src="/Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
//-->
</script>
</head>
<body class="oneColFixCtr" onload="MM_preloadImages('file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/Home_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/home_OVER.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/aboutus_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/aboutus_OVER.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/departments_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/departments_OVER.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/sports_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/sports_OVER.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/guidance_DOWN.png','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage- Bing and Ryan/images/guidance_OVER.png')">
<div id="container">
<div class="header" id="header">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="148" id="bhs_header" title="Belmont High School Slideshow">
    <param name="movie" value="movie/header_slideshow.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="/Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="movie/header_slideshow.swf" width="800" height="148">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="/Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
<!--endheadercontainer-->
<div id="navigation">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="index.html" target="_top" onclick="MM_nbGroup('down','group1','home','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/Home_DOWN.png',1)" onmouseover="MM_nbGroup('over','home','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/home_OVER.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/home_UP.png" alt="Home" name="home" width="80" height="30" border="0" id="home" onload="" /></a></td>
      <td><a href="index_aboutus.html" target="_top" onclick="MM_nbGroup('down','group1','aboutus','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/aboutus_UP.png',1)" onmouseover="MM_nbGroup('over','aboutus','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/aboutus_OVER.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/aboutus_DOWN.png" alt="About Us" name="aboutus" width="80" height="30" border="0" id="aboutus" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','depts','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/departments_DOWN.png',1)" onmouseover="MM_nbGroup('over','depts','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/departments_OVER.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/departments_UP.png" alt="Departments" name="depts" width="80" height="30" border="0" id="depts" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','sports','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/sports_DOWN.png',1)" onmouseover="MM_nbGroup('over','sports','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/sports_OVER.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/sports_UP.png" alt="Sports" name="sports" width="80" height="30" border="0" id="sports" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','resources','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/resources_DOWN.png',1)" onmouseover="MM_nbGroup('over','resources','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/resources_OVER.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/resources_UP.png" alt="Resources" name="resources" width="80" height="30" border="0" id="resources" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','guidance','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/guidance_DOWN.png',1)" onmouseover="MM_nbGroup('over','guidance','file:///U|/Fall-Spring2010_11/Web Design/BHS website 2011-2012/Homepage/images/guidance_OVER.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/guidance_UP.png" alt="Guidance" name="guidance" width="80" height="30" border="0" id="guidance" onload="" /></a></td>
    </tr>
  </table>
</div>
<!--end#navigationcontainer-->
<div class="bubble" id="bubble">
  <p>Mission Statement</p>
  <i><p><font size="3">The mission of Belmont High School is to develop contributing
<br>members of society who are communicators and life long learners.</br></font></p></i>
  <p>Statement Of Purpose</p>
  <i>
  <p><font size="3">Belmont High School establishes a learning environment which promotes intellectual and creative growth and social, emotional and physical development. The professional staff, with the support of the residents of the Shaker Regional School District, recognizes and accepts the responsibility to foster academic excellence in all areas of curriculum and to develop young adults who possess skills, knowledge, and social responsibility. Belmont High School realizes that learning is lifelong and that our goals include present day and lifelong learning opportunities.</font></p>
  <p><a href="http://www.maps.google.com" target="_blank">Directions</a>
    </p>
  </i></div>
<!-- end #bubble-->
<div class="content" id="content">
  <div class="left">
  <table width="200" height="421" border="0">
  <tr>
    <td width="65" height="21" align="right" scope="col">Quick</td>
    <td width="125" scope="col">Links</td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td>Teacher Pages</td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td>Student Handbook</td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td><p>Plato (Summer Recovery Program)</td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="42"> </td>
    <td> </td>
  </tr>
  </table>
  </div>
  <div class="center" id="center">
    Welcome to Belmont High School!
    <p>We take pride in our school and our community. This site is your online resource for information about us as well as recent news and upcoming events. </p>
    <p>Located in Belmont, New Hampshire, Belmont High School was built in 1998 and services approximately 467 students.<br />
    </p>
<p>The student body is made up of students from the towns of Belmont and Canterbury.
The high school is part of the Shaker Regional School District.</p>
    <font color="#999999"><p>THE CAKE IS A LIE!!!</p></font><img src="images/serving-the-communities.png" width="350" height="30" alt="Serving The Communities Of Belmont And Canterbury" /><br> </br>
    <br> </br>
    This site was created by the students in Mr. Fricks Website Development Course
  </div>
<!-- end #center -->
  <div class="right" id="right">
<table width="201" border="0">
  <tr>
    <th width="10" scope="col"> </th>
    <td width="181" scope="col">Announcements:</td>
  </tr>
</table>
<ul>
On Saturday, May 14th from 9am-12:30pm at Bedford High School auditorium there will be a NH MILITARY SERVICE ACADEMY DAY.</ul>
<ul>Year books are now on sale for $35.00 reserve your copy today.</ul>
<ul>Senior Breakfast 6/3</ul>
<ul>Congratulations to Mr. Hill for receiving the 2010 NH JumpStart Teaching Award</ul>
<ul>The BHS Robotics team qualified for the 2011 VEX Robotics World Championship</ul>
<ul>Congratulations to Mr. Acquilano " Class M Athletic Director of the Year".</ul>
<ul>Congratulations to Mr. Wormald on being selected as one of the five finalist for the 2010 Great American Teacher of the Year</ul>
  </div>
<!-- end #right -->
</div>
<!--end #content -->
</div>
<!-- end #container -->
<script type="text/javascript">
<!--
swfobject.registerObject("bhs_header");
//-->
</script>
</body>
</html>

Browsers add their own default margins and padding to markup elements.  You may want to use a Reset CSS.  Or add a universal selector rule to the top of your CSS code:
* {margin: 0; padding: 0}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

  • Div shifting down page in live view

    I'm trying to create a website for a project I'm doing.I'm having a problem in live view where I the div with the id "imageholder" keeps shifting down the page. It looks fine in the editor but the browser and live view not so much. I want it to line up with the top div, not the bottom one.
    Another problem I'm having is that I can't adjust the footers margin very well. it's not taking into account the div's directly above it. I've included a screenshot of the page as it hasn't been uploaded online yet. Thanks
    Here is the code:
    HTML:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Home</title>
    <link href="CSS/Project.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    body {
      background-color: #E0EEEE;
    </style>
    </head>
    <body>
    <div id="container">
    <header>
    <h1 id="title">Limerick Running Club</h1>
    <h2 class="subhead"><strong>L.R.C</strong></h2>
    </header>
    <br/>
    <nav>
    <nav id="nav_centre">
    <ul>
    <li><a href="#">Home</a></li>
    <li></li>
    <li><a href="#">History</a></li>
    <li><a href="#">Events</a></li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Results</a></li>
    <li><a href="#">Useful Links</a></li>
    <li><a href="#">Contact Us</a></li>
    </ul><br/>
    </nav>
    </nav>
    <section>
    <h2 >History</h2>
    <article></article>
    <article class="mainpara">
      <p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
      <p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
      <p>You can read more about what their saying below</p>
    </article>
    <article id="testimonial"><h3>Member Testimonials</h3><h3 class="Name">John Byrne</h3>
      <p>Since joining the LRC my health and fitness has improved greatly. I recommended the club to everyone.</p>
      <h3 class="Name">Mary Smith</h3>
      <p>I'm delighted I joined the LRC. I feel much fitter and healthier since joining and there is a great sense of community surrounding the club.</p>
      <h3 class="Name">Tom Ryan</h3>
      <p>Really enjoying my runs with the lRC. I'd recommend joining to anyone.</p>
      </article>
    </section>
    <div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
    <footer><span id="copyright">&copy;2015 Limerick Running Club</span></footer>
    </div>
    </body>
    </html>
    CSS:
    @charset "utf-8";
    html{
      background-color:#E0EEEE;
    header{
      width:100%;
    nav {
      width 100%;
      height 55px;
    #nav_centre {
      text-align: center;
      width: 1080px;
      margin-right: auto;
      margin-left: auto;
      border-color: #4683ea;
      border-style: solid;
      border-radius: 12px;
      padding-bottom: 15px;
      padding-top: 0px;
      font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
      font-size: small;
      background-color:#4683ea;
    nav ul{
      list-style:none;
    nav a{
      display:inline;
      float:left;
      text-decoration:none;
      font-weight:bold;
      padding-top: 5px;
      padding-bottom:5px;
      padding-right: 45px;
      padding-left: 45px;
      height: 20px;
      color:#CCC;
    header {
      text-align: center;
    #container {
      width: 1080px;
      margin-left: auto;
      margin-right: auto;
    footer {
      margin-top: 600px;
      text-align: center;
      height: 50px;
      clear: both;
      padding-top: 25px;
    #copyright{
      color:#a6a6a6;
    article {
      margin-top: 20px;
      width: 650px;
      margin-left: 5px;
      margin-right: 0px;
    #imageholder {
      width: 360px;
      float: right;
      clear: none;
      margin-top: 20px;
      margin-right: 5px;
      padding-right: 5px;
    .mainpara {
      float: left;
      border-color: #4683ea;
      border-style: solid;
      border-radius: 12px;
      padding-left: 5px;
      background-color: #F0F0F0;
      font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
      width: 600px;
    section {
      margin-top: 75px;
      left: 5px;
    h1{
      color:#4683ea;
    #title{
      font-weight: bold;
      font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
      color:#FFA500;
    .subhead{
      font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
    h2{
      letter-spacing: 2px;
      font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    #testimonial {
      float: left;
      border-color: #4683ea;
      border-style: solid;
      border-radius: 12px;
      padding-left: 5px;
      background-color: #F0F0F0;
      font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
      padding-right: 5px;
      width: 600px;
      clear: both;
    .Name {
      color:#FFA500;

    Try this -
    <article class="mainpara">
      <div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
    <p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
      <p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
      <p>You can read more about what their saying below</p>
    </article>
    Move the imageholder div so that it is the first child of the "mainpara" article.
    Also, you probably want "...what they're saying below" in that last paragraph above. Finally, why do you have a nested <nav> tag in your code?

  • NEED HELP!!! PHP include content displays always shifted down, WHY?

    Hi, I am fairly new to using PHP and Dreamweaver together and
    I have placed the attached code in my document and I have noticed
    that the PHP generated table, div or anything else is always
    shifting down in IE and FireFox as well. Why?...and what is the
    solution to display and position dynamic content correctly inside
    the "content" div without shifting and having control of it.
    Thank you in advance.
    Attila

    What is in this?
    include("database.php");
    Also, you have not managed cellspacing/cellpadding/border on
    the table in
    the first include....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "reinhat" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi, I am fairly new to using PHP and Dreamweaver
    together and I have
    > placed the
    > attached code in my document and I have noticed that the
    PHP generated
    > table,
    > div or anything else is always shifting down in IE and
    FireFox as well.
    > Why?...and what is the solution to display and position
    dynamic content
    > correctly inside the "content" div without shifting and
    having control of
    > it.
    > Thank you in advance.
    > Attila
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Strict//EN"
    > "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    > <html xmlns="
    http://www.w3.org/1999/xhtml"
    lang="en-US">
    > <head>
    > <title>Welcome to the library!</title>
    > <meta http-equiv="content-type" content="text/html;
    charset=utf-8" />
    > <style type="text/css">
    > body {
    > background-color: #CCD3D9;
    > color: #000000;
    > text-align: center;
    > }
    > #content {
    > width: 800px;
    > height: 1000px;
    > margin-left: auto;
    > margin-right: auto;
    > border: 2px solid #A6B2BC;
    > background-color: #FFFFFF;
    > color: #000000;
    > margins: 0 20px 0 20px;
    > text-align: left;
    > }
    >
    > #TableResult {
    > width: 750px;
    > height: 900px;
    > margin-left: auto;
    > margin-right: auto;
    > background-color: #FFFFFF;
    > color: #000000;
    > text-align: left;
    > border-collapse:collapse;
    > }
    >
    > #TableResult td {
    > padding: 0.7em 0.5em 0.5em 0.8em;
    > border: 2px solid #A6B2BC;
    > background-color: #CCFFCC;
    >
    > }
    > </style>
    > </head>
    > <body>
    > <div id="content">
    > <?
    > include("library_browse.php");
    > ?>
    > </div>
    > </body>
    >
    > <!-- the code below is the PHP content in
    "library_browse.php"-->
    >
    > <?
    > include("database.php");
    > $result = mysql_query("SELECT * FROM library");
    > print ("<TABLE id=\"TableResult\">");
    > print ("<TR><TD colspan=\"7\" >Available
    Books</TD></TR><BR>");
    > print ("<TR> <TD> ID </TD> <TD >
    Title </TD> <TD > Author </TD> <TD > Year
    > </TD> <TD > Delete </TD></TD>");
    > print ("<TR><TD colspan=\"7\" >Please click
    the title for more
    > information.</TD></TR><BR>");
    > while($row = mysql_fetch_array($result)) {
    > print (" <TR><TD >$row[id] </TD>
    <TD ><A
    > href=\"browseb.php?id=$row[id]\">$row[title]
    </A></TD> <TD >$row[author]
    > </TD>
    > <TD >$row[year] </TD><TD ><A
    href=\"delete.php?id=$row[id]\">Delete
    > </A></TD></TR><BR>");
    > }
    > print ("</TABLE>");
    > mysql_close($linkID);
    > ?>
    >

  • Image/background shift between pages

    This is driving me nuts.  When I move from "home" to any other page on my site, the nav bar and background shifts.  I've saved all pages from the home/index page, so it has to be something to do with the 2 large images within the container.
    http://www.juliepb.com
    Anyone see what I can do to fix it?
    Thanks for the help!
    - Julie

    Hi again Gary-
    Well, I think the #home div you are referring to has to do with this article on CSS tricks - I have been trying to find a way to make the "active" or current pages reflected in the nav bar.  So far, I get the hover, click and link functions to work, but the "down" state of the button wont.  I thought Chris' approach may work, though I am still fumbling with that.  I'm pretty sure it doesn't have anything to do with this issue though....
    Here's a link to that article - it's short.  http://css-tricks.com/including-navigation-code-on-all-pages-even-with-current-navigation- highlighting/
    Anyway the folder naming is based on a tutorial from Lynda.com.  It was suggested that the uncderscore before the folder name would place it at the head of a directory, thus the images, css and scripts would be named that way.
    Is this a problem as far as you know?  The fact that a validator has issues with it may cause some though I have tested it in Safari, ID8 and Firefox....
    So, here I am again with a wierd issue.  Whatever you can do to help or someone you can suggest that could help would be great.
    PS- the padding for the body was a way to place the nav bar down 20 pixels from the top.  Couldn't figure out how else to do it.
    Thanks again-
    Julie

  • How do you get the rest of the form to shift down when a field grows in a subform

    I am using ES2, I am trying to get a form to shift down when a field grows in a subform, and nothing I tries works.  I am not an expert in this area, but all the help I have tried on-line does not seem to workI would be more than happy to email the form to anyone that could give me some assistance.  I have already spent too much time on this project, and if I cant get it to work, I will have to move back to a simple word form without all the fancey bells and whistles, but I hate to move backwards.  Any help or guidance would be greatly appreciated.
    Thanks in advance,
    Kathy

    Thank you so much, I tried to duplicate the form from Assure and something is still wrong.  The background of the subform is not light green, I am not sure if the color was for display purpose only, but it still did not flow right either.  I was unable to find the option in the testfield to "Display all of the content (on exit).  I am also getting an warning note: The object may not work properly. Although the object is allowed to break, deselecting the "allow page breaks within content" option of the parent object restricts this object from breaking between pages.    Here is the settings as they are currently set:
    Subform:
    OBJECT TAB
         Binding:
              Object: subform1
              DataBinding: Usename (subform1)
         Pagination:     Greyed out
         Subform:
              Content: Flowed
              Flow Direction:     Top to Bottom
              Allow Page Breaks withing Content     Checked
              This subform is an insertion point        Unchecked
    BORDER TAB - NA
    LAYOUT TAB
         x = .25IN                         Y=.25IN
         width = 8in                       height = greyed out
         autofit no checked             autofit = greyed out but checked
    ACCESIBILITY TAB
         Role: None
         Rest is greyed out
    TEXT FIELD SETTINGS:
    OBJECT TAB
         Field:
              Field type: Text Field
              Caption: TextField
              Appearance: Sunken Box
              Allow Multiple Line     Checked
              Limit Length - Not Checked
              Limit Lenfth to visible Area - Not Checked
              Allow Page Breaks within content - Checked
              Keep with Next - Not Checked
       Value
              Type: User Entered Optional
              The rest is blank
         Binding 
              Name: TextField1
              Data Binding: Use name (testField1)
    BORDER TAB - NA
    LAYOUT TAB
         X = Greyed out                    Y = Greyed out
         Width: 2.4409in                    Height: .3543in
         Expand to fit - not checked     Expand to fit = Checked
    What am I missing?

  • Iphone 6 - Screen shifts down?

    I can be at the home screen (with my icons) or looking at my pictures or on a Safari web page- and suddenly it will shift down to a half screen (with one half being black space).  Any reason for this?
    Example: viewing apple.com on Safari:
    Thanks
    Katherine

    the shifting down I am experiencing is not like the Reachability tool.  For the home screen the icons shift down half-way with just the background displaying.  If I am in Safari, pictures, settings anything else - the top half is just empty black space.  It can go up and down several times before either stopping or me touching it upwards. 

  • Blog text box shifts down

    My blog entry pages do not diaplay correctly.  The text box shifts down, leaving the browser background at top.  I'm using "white" iweb template.  Other pages display OK.

    It was not selected to begin with. I tried adjusting the file with and without that feature selected and the result was the same. They still shifted. Could it be something else?

  • In fullscreen mode, is there a way to prevent the page from shifting down when displaying the menu and tabs?

    In fullscreen mode (F11), when moving the mouse toward the top of the screen to display the tabs & stuff, the page displayed is shifted down. This makes it annoying when returning down with the mouse - you want to reach a certain link, for example, but your target gets shifted up once the tabs & stuff is hidden back.
    Is there any way to make the tabs & stuff display 'above' the page content, like on another layer?

    Is it the web page display that is changing its own position, or is it something
    about the toolbars that is pushing the page down? I have the same issue with
    my browser using an add-on to show a multiple line bookmark bar.

  • Spry Sliding Panel bugs with Flash SWF, iFrames, CSS background images

    Greetings,
    I'm working on a site right now that is build with Spry 1.6
    Sliding Panels. On the home panel I have integrated a looping SWF,
    and scrolling iFrames on the Overview panel. After extensive
    research on these forums, I'm still scratching my head at a few
    bugs listed below:
    • Firefox (MAC v2.0.0.14)
    - The SWF on the home panel doesn't hide properly when
    sliding to a different panel. I have set 'wmode opaque' parameters
    to the flash file, but this seems to have not resolved the issue.
    - Additionally, I've noticed that sometimes the SWF will not
    finish sliding into the correct position when clicking to the home
    panel (the SWF will stop sliding several pixels left of the
    original positioning).
    - The SWF (which happens to be a loop animation) resets every
    time the home panel is visited. In my testing, this does not happen
    in any other browser.
    - On the Overview panel, scrolling iFrames are used on the
    "Staff Profiles". These iFrames don't hide properly when clicking
    through other panels, as the scroll bars are still viewable.
    - Overall, the sliding animation is a bit choppy compared to
    all other browsers. I can live with this, but I wonder if I have
    improper code somewhere?
    • Opera (MAC v9.27)
    - Same issue as above concerning the fact that the SWF
    appears outside of the sliding panel view port.
    • IE 6
    - CSS background images flash during the sliding panel
    animation.
    * Site page links *
    Main URL
    Home
    Page iFrame
    Overview
    Page iFrame
    * CSS *
    Main
    site-wide CSS
    Sliding
    Panels CSS
    * Scripts *
    Sliding
    Panels Sript
    Any suggestions, pointers would be much appreciated!
    Cheers,
    Chris

    Greetings,
    I'm working on a site right now that is build with Spry 1.6
    Sliding Panels. On the home panel I have integrated a looping SWF,
    and scrolling iFrames on the Overview panel. After extensive
    research on these forums, I'm still scratching my head at a few
    bugs listed below:
    • Firefox (MAC v2.0.0.14)
    - The SWF on the home panel doesn't hide properly when
    sliding to a different panel. I have set 'wmode opaque' parameters
    to the flash file, but this seems to have not resolved the issue.
    - Additionally, I've noticed that sometimes the SWF will not
    finish sliding into the correct position when clicking to the home
    panel (the SWF will stop sliding several pixels left of the
    original positioning).
    - The SWF (which happens to be a loop animation) resets every
    time the home panel is visited. In my testing, this does not happen
    in any other browser.
    - On the Overview panel, scrolling iFrames are used on the
    "Staff Profiles". These iFrames don't hide properly when clicking
    through other panels, as the scroll bars are still viewable.
    - Overall, the sliding animation is a bit choppy compared to
    all other browsers. I can live with this, but I wonder if I have
    improper code somewhere?
    • Opera (MAC v9.27)
    - Same issue as above concerning the fact that the SWF
    appears outside of the sliding panel view port.
    • IE 6
    - CSS background images flash during the sliding panel
    animation.
    * Site page links *
    Main URL
    Home
    Page iFrame
    Overview
    Page iFrame
    * CSS *
    Main
    site-wide CSS
    Sliding
    Panels CSS
    * Scripts *
    Sliding
    Panels Sript
    Any suggestions, pointers would be much appreciated!
    Cheers,
    Chris

  • IMac too heavy? Shifting down constantly.

    I just recently purchased a new 20" iMac and I've noticed that my screen will slowly tilt down from gravity. Without any thumps on the desk or vibration from walking around, just leaving the room and coming back 10 minutes later it will have shifted down. The only remedy to this I've found is tilting the display all the way up, that way it has a harder time slipping down. This computer is only 2 days out of the box. Any ideas what I could do to help this situation?
    -Keri

    I have the 24" (even heavier) and it stays as I place it. This is a problem with your stand where the arm connects to the display. It should be replaced or repaired.
    -mj
    [email protected]

  • Vertically-aligned tables shift down when entering/editing text within the table.

    Hi all,
    We have a sudden problem that is occurring, and I've done a lot of searching without finding anything close to this happening elsewhere.
    If there is ever a table that is aligned vertically within a text frame, you cannot edit the text without having it shift down one line break for every letter you type, until it's bottom-aligned within the frame. You can then click "align center", and it will re-align itself. Then, if/when you need to change even one letter again inside the table, it will shift down one line.
    We've tested it with two different docs on both Mac and PC, with the same problem. I've cleared my prefs on the Mac to see if that would make a difference, and it hasn't done anything.
    Any thoughts here? I can't recall anything that would have changed since this started happening, but it won't leave us alone now!
    Thanks!!

    Very interesting. I do lots of tables but don't vertically justify so I have never run into this. However I can confirm this behavior on a new clean test page I made, using InDesign CS5 (7.0.3) on Mac OS 10.6.6. I have no other problems with InDesign; it is running flawlessly. And no weird plug-ins or system hack software.
    My test file uses my default font (Adobe Minion Pro) and the default table (Insert > Table).
    It also shifts down when I delete a character in a cell. And the shift for me is more than one carriage return. I can get it back to center-aligned by top aligning and then choosing center align again.

  • ToolTip triggers are shifting down when previewing or exporting

    I have a page with two columns of text (lists of names). In "design" I set up triggers over each name corresponding to a pop-up tooltip with a picture and bio. Everything looks great in "design." When I preview the page within Muse or export HTML to test outside of Muse, the triggers are all shifted down below the text columns.
    I have tried changing the widget from ToolTip to Lightbox, changing the position and clicked and unclicked every option within the composition settings pop-up.
    What am I missing?!?

    I figured it out. I had "footer item" checked.

  • How to disable keyboard shortcut "Control Shift Down"

    Hi,
    I'm mildly surprised that I couldn't find the answer to this little problem I have.
    I'm running a PC version of Excel through VMWare under Mac OS X 10.7, and it works perfectly fine except that the keyboard shortcut for selecting continguous cells in a column - Control-Shift-Down - produces a weird "slow-mo" version of F10, which is showing all windows in the current application.
    First of all, I hardly see this "feature" to be of any practical use as you can accomplish the same (without the slow-mo effect) by hitting F10 by default.
    Secondly, this prevents me from doing something actually useful in Excel which is selecting continguous cells in a column.
    Can someone please give a tip to disable this useless shortcut? I've looked everywhere in Keyboard settings in Preferences without success.
    Can't believe no one else has the same issue.
    TIA
    -Wk

    Thanks a lot for your post. I tried your suggestion and indeed got the Excel short-cut back. It wasn't obvious as "Mission Control" and "Application Windows" are mapped to F9 and F10 (rather than the ctrl-shift-down" combo).
    It's ok since I don't really have any use for shortcut launching "Mission Control" or "Application windows".

  • HT1222 I have iphone 4 and the software is ios 7.0.2. I am facing problems with my phone. Since the last software update my phone has started giving problems. like it hangs sometime when i recieve an incoming call. The carrier status bar shifts down a bit

    I have iphone 4 and the software is ios 7.0.2. I am facing problems with my phone. Since the last software update my phone has started giving problems. like it hangs sometime when i recieve an incoming call. The carrier status bar shifts down a bit and sometimes it vanishes automatically. I,m confused.
    Secondly i have an update IOS 7.0.4 waiting in my Software Update menu. I have tried so many times to update my iphone but it always fails to update the IOS 7.0.4. Any body suggest anything regarding this

    Wow. Lots of help. Thanks apple

  • Printing shifts down after first page

    When printing with Adobe Xi, 11X17, Landscape, first page prints fine but all the rest shift down cutting off bottom and leaving a white space on top. does not do this with Adobe 9.

    Hi @Fortwilliam,
    I see that you are having issues when printing from certain applications, the first page has pink smudges on the right side of the page. I would like to help you.
    This is certainly a peculiar issue that you are having. Since it isn't doing this with all the applications. So I don't believe it is a hardware issue, but software related.
    Make sure you are signed in as the Administrator and try printing again.
    Download and run the Print and Scan Doctor. It will diagnose the issue and might automatically resolve it. http://www.hp.com/go/tools>Using HP Diagnostic Tools for HP Printers in Windows.
    What were the results when you ran the Print and Scan Doctor? (did it print or scan, any error messages)
    If you are still having issues, I would uninstall and reinstall the latest printer software, just to rule out a software conflict or corrupted print driver. Full Feature Software and Driver.
    If you appreciate my efforts, please click the Thumbs up button below.
    If there is anything else I can help you with, just let me know. Thank You.
    Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
    Click the “Kudos Thumbs Up" on the right to say “Thanks” for helping!
    Gemini02
    I work on behalf of HP

Maybe you are looking for

  • Character palette in CS6 flaw!

    This is bad news. When I select a font onscreen and open the character palette, then click on the font drop down, it is not automatically bringing up the selected font...meaning, it just begins at the very top of the list with 'A'. So...if it is some

  • Windows Server 2008 R2 won't boot after replacing hardware (BSOD 0x0000007B)

    My problem in a nutshell: I moved, the PC (without the HD) got totalled, I ordered a new machine with the exact same hardware. Meanwhile, I tried to copy some files to another machine by plugging in the HD externally, but all files in the /User/Docum

  • Wake for network access doesn't wake

    I have my computer set to wake for network access, but when my other computers in the house try to access the the Itunes library stored on my Mac, it won't wake up.

  • Slecting records from MSAccess tables using multiple conditions

    Hi, I am trying to build s select list of team names for a sporting club website. The select list should include teams if the currently logged in user is a coach, team manager, assistant coach, player or a parent of a player. When I have only one gro

  • F1 help documentation settings

    Hi Sapiens,    i am not able to  access F1 help  , is there any possible settings needed to be done so that i can access the F1 help . thanks in advance, R.Nair