DIV is displayed properly, way low half page?

Similar Questions

• Div container displaying only not as long as the width of the content. Help, please!

  Hi guys!

  I use a plugin to display a portfolio in my site but for some reason the plugin seems to reduce the width of the container of content that it sits in.

  I can get the content container div to display correctly (as the other pages of the site) by removing the "box-sizing: border-box' property on ' *, *: after, *: front ' (via Firebug) but then the portfolio is not working properly."

  I can do to get the contained div to display its "correct width?

  Click here for the link to the page.

  Thank you very much and I hope to hear from you!

  SM

  You have this in your style.css on line 187.  Remove max width.

  hickiing > content {}

  background-image: url('.. / images/frame/contentBg.png');

  Max-width: 800px;

  Padding: 4%;

  text-align: justify;

  color: #646462;

  overflow: auto;

  }

  Nancy O.

• I recently opened firefox and the lower half of the page is filled with directions to Custom Search Menu Wizard

  I recently opened firefox and the lower half of the page is filled with directions to Custom Search Menu Wizard tried everything and cannot figure out how to get it out. With the help of 3.6.26 version. The status bar is just above Directions, I tried closing all toolbars and nothing gets rid of it. Help, please

  It seems that a recent update of Fast Video Download (with SearchMenu) 4.1.5 broke the version of Firefox 3.6 on their module. You can upgrade to the latest version of Firefox to:
  
  http://www.Mozilla.org/Firefox

  https://support.Mozilla.org/en-us/questions/915364

  https://support.Mozilla.org/en-us/questions/915355

• Center the div in parent div Background Image and not the whole page

  I am trying to Center a background image, I have inserted as create a div via the new css rule and will have questions centering correctly on the page. I would it is centered at the top of the page contet - left area of the page content, and it seems that the background image is ignorant parent his div and is centering the page-level. It's a problem because its parent div that 2/3 of the page, therefore covers, in question background image is cropped.

  I did a video showing the problem here, because I'm not sure I use the right words to describe the problem

  
  

  Dreamweaver Background Image needs centered at the top of the page content DIV - YouTube

  In other words, I insert a div tag and add a background image so that I can place the content above it, however, the background image seems to be centered in the entire page and not simply within the Division 'parent' in design mode, everything is centered, however, in direct mode, the background image is offset. I can't really explain for good so I made another video.

  Still another problem as can be seen in the video but not prime, since it still works live, is:

  In addition, my navigation bar is direct, but in design mode, it appears at the bottom of the screen. I did fix the position, then he stuck on the right side, so I added a margin of 700px to go right once again, I guess that the problem is due to this.

  I have boldened which, in my view, are source code target areas and css to quickly reduce down, but everything included because I am not knowledgeable enough to know what is relevant or not, I could (and likely) wrong.

  Any other help would be greatly appreciated.

  source code

  <! - head - >

  < head >

  < title > Touch The Universe Productions - Audio Label and Design - Sound Design - diversion Vsti Sound Bank - Goa Trance Presets < /title >

  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

  <! - CSS - >

  < link href = "css/reset.css" rel = "stylesheet" type = "text/css" / > "

  < link href = "css/style.css" rel = "stylesheet" type = "text/css" / > "

  < link href = "css/nav.css" rel = "stylesheet" type = "text/css" / > "

  < style type = "text/css" >

  Judging {}

  background-image: url(images/transparent%20%202.png);

  }

  {b .diversion

  background-image: url(images/transparent%20white.png);

  }

  .diversion a {}

  background-attachment: fixed;

  background-image: url(images/diversion%202.jpg);

  background-repeat: no-repeat;

  background-position: Center;

  }

  {b .diversion

  }

  .f {}

  }

  {.yeay}

  background-image: url(images/bluebg.jpg);

  background-repeat: no-repeat;

  }

  . GG {}

  background-image: url(images/bluebg.jpg);

  background-repeat: no-repeat;

  background-position: right top;

  }

  {.ggf}

  background-image: url(images/bluebg.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  overflow: hidden;

  Padding: 50px 50px 0 0;

  }

  {.dd

  background-attachment: fixed;

  background-image: url(images/diversion%202.jpg);

  background-repeat: no-repeat;

  }

  . TTT {}

  background-attachment: fixed;

  background-image: url(images/diversion%202.jpg);

  background-repeat: no-repeat;

  }

  {.testtt}

  background-attachment: scroll;

  background-image: url(images/Diversion%20640.jpg);

  background-repeat: no-repeat;

  }

  {u}

  background-attachment: fixed;

  background-image: url(images/diversiony.jpg);

  background-repeat: no-repeat;

  background-position: Center;

  }

  .long {}

  background-attachment: fixed;

  background-image: url(images/transparent%20long.png);

  }

  {.yty}

  background-attachment: fixed;

  background-image: url(images/transparent%20long.png);

  background-repeat: repeat-y;

  }

  {.gggd}

  background-attachment: fixed;

  background-image: url(images/transparent%20long.png);

  background-repeat: repeat-y;

  background-position: Center;

  }

  {.diversion1}

  background-attachment: fixed;

  background-image: url(images/Diversion%20640.jpg);

  background-repeat: no-repeat;

  background-position: center;

  }

  .TT {}

  background-image: url(images/transpare%20long.png);

  }

  < / style >

  <!-[if IE 6] >

  < link href = "css/ie.css" rel = "stylesheet" type = "text/css" / > "

  <! [endif]-->

  <!-//CSS-->

  "< script type =" text/javascript"SRC="javascript/jquery-1.2.1.pack.js "> < / script >

  < script type = "text/javascript" SRC = "javascript/kriesi.js" > < / script >

  < script type = "text/javascript" SRC = "javascript/cufon - yui.js" > < / script >

  "< script type =" text/javascript"SRC="javascript/TitilliumText14L_600.font.js "> < / script >

  < script type = "text/javascript" >

  CUFON. Replace ("h1, h2, h3, h5, #sidebar li, .footer ', {hover: 'true'}");

  < /script >

  <! - Javascript - >

  < / head >

  <!-/ /-> head

  <! - body - >

  < body >

  <! - top Bar - >

  < div id = "top_bar" >

  <! - Nav container - >

  < div id = "nav_container" >

  <! - logo - >

  < div id = "logo" > < img SRC = "images/logo2.png" alt = "logo" / > < / div > "

  <!--end Logo-->

  <! - Nav - >

  < ul id = "nav" >

  < li > < a HREF = "index.html" > home < /a > < /li >

  < li > < a HREF = "music.html" > music < /a > ' "

  < ul >

  < li > < a HREF = "about.html" > dj sets < /a > < /li > ""

  < li > < a HREF = "about.html" > < /a > artists ' "

  < ul >

  < li > < a HREF = "about.html" > ttu < /a > < /li > ""

  < li > < a HREF = "about.html" > dawn majestic < /a > < /li > ""

  < li > < a HREF = "about.html" > evairta < /a > < /li >

  < li > < a HREF = "about.html" > old future < /a > < /li > ""

  < /ul >

  < /li >

  < /ul >

  < /li >

  < li > < a class = 'on' HREF = "his design.html" > < /a > sound design

  < ul >

  < li > < a HREF = "his banks.html" > < /a > sound banks

  < ul >

  < li > < a HREF = 'dune 2.html' > dune 2 < /a > < /li >

  < li > < a HREF = "diversion.html" > derivation < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a HREF = "drum loops.html" > drum loops < /a > < /li >

  < li > < a HREF = "sample packs.html" > enjoy packs < /a > < /li >

  < /ul >

  < /li >

  < li > < a HREF = "blog.html" > blog < /a >

  < ul >

  < li > < a HREF = "blog.html" > news < /a > < /li > "

  < li > < a HREF = "blog.html" > tutorials < /a > < /li > ""

  < li > < a HREF = "blog.html" > videos < /a > < /li > ""

  < /ul >

  < /li >

  < li > < a HREF = "booking.html" > book < /a > < /li >

  < class li = "last" > < a class = "subscribe" href = "#" > subscribe < /a > < /li >

  < /ul >

  <!--end Nav-->

  < / div >

  <!--end Nav container-->

  < / div >

  <!--end Top Bar-->

  <! - albums content Wrapper - >

  < div id = "topcontent_wrap" >

  <! - content at the top of the page - > 0

  < div id = "topcontent" >

  <! - main content - >

  < div id = "leftcontent" >

  Sound < h1 > - serene Horizon Bank < / h1 >

  < h2 class = "nodivider" > derivation < / h2 >

  < a href = "his banks.html" > < / a >

  < div > < / div >

  < div >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

  < p > < / p >

  < div class = "diversion1" >

  < p > < / p >

  < p > < / p >

  < div class = "tt" >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p >

  " < iframe width ="90% "height ="250"scrolling =" "frameborder =" "src =" Ay https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/245233651 & auto_pl = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false & visual = EU tr "> < / iframe > .

  < /p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < / div > < / div >

  < p > < / p >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.  < /p >

  "< p > < img src =" images/diversion.jpg"alt =" "width ="460"height ="904"class ="imgfloat"/ > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < div class = "u" >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < div class = "transparent" >

  < p > < / p >

  < p > < / p >

  < p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >

  < p > < / p >

  < p > < img src = "images/diversion.png" width = "680" height = "482" alt ="" / > < / p > "

  < p > < / p >

  " < iframe width ="100% "height ="450"scrolling =" "frameborder =" "src =" https://w.soundcloud.com/Player/?URL=https%3A//API.soundcloud.com/playlists/192498432 & colo r = ff5500 & auto_play = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false "> < / iframe > .

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < div class = "gggd" >

  class "gggd" goes here < /p > < p > content

  < p > < / p >

  < p > < / p >

  < p > < img src = "images/diversion.png" width = "676" height = "449" alt ="" / > < / p > "

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < p > < / p >

  < p > < / p >

  <! - project - > <! - end project - >

  < / div >

  <! - end main content - >

  <!--> sidebar

  < div id = "sidebar" >

  < h3 class = "sidebartitle" > sound banks < / h3 >

  < ul >

  < li > < a href = "his banks.html" > Dune 2 < /a > < /li >

  < li > < a class = "sidebaron" href = "#" > derivation < /a > < /li >

  < li > < a href = "hive.html" > < /a > < /li > the hive

  < li > < a href = "#" > Spire < /a > < /li >

  < li > < a href = "#" > Electra 2 < /a > < /li >

  < li > < a href = "#" > serum < /a > < /li >

  < li > < a href = "#" > Sylenth < /a > < /li >

  < li > < a href = "#" > Omnisphere 2 < /a > < /li >

  < li > < a href = "#" > lush 101 < /a > < /li >

  < /ul >

  < / div >

  <! - end box - >

  < / div >

  <! - high end content - >

  < / div >

  <! - end albums content Wrap - >

  <! - down content Wrapper - >

  < div id = "bottomcontent_wrap" >

  <! - low content - >

  < div id = "bottomcontent" >

  < div class = "left" >

  < h3 class = "icon1" > services < / h3 >

  < ul >

  Versions Audio concerts, Dj Sets, < li > < /li >

  < li > sound design for Music Production < /li >

  Label Audio < li > - accepting demos < /li >

  < /ul >

  < / div >

  < div class = "middle" >

  < h3 class = "icon2" > Touch The Universe < / h3 >

  < class p = "footerp" > owned and operated by Timothy ivory. Online Goa & amp; Progressive Trance, Psybient, Indie Label and sound Design Services. Available for booking within the USA. Demo accepted. < /p >

  < / div >

  < div class = "right" >

  < h3 class = "icon3" > Blog < / h3 >

  < h1 class = "footerblog" > < a href = "#" > key the universe direct is < /a > < / h1 >

  < h1 class = "footerblog" > 02.02.16 < / h1 >

  < class p = "footerp" > launch of the location and label with the first version of operations for embezzlement. < /p >

  < / div >

  <!--> footer

  < div id = "footer" >

  < div id = 'copyright' >

  < img class = "smalllogo" SRC = "images/smalllogo.png" alt = "smalllogo" / > "

  < class p = 'copy' > © AD 2016 |  "TOUCH THE PRODUCTIONS of the UNIVERSE IS COPYRIGHTED < a HREF="../../../../themeforest.net/user/DDStudios@ref=ddstudios "> DDSTUDIOS < /a > < /p >

  < / div >

  < div class = "source" >

  " < p > check out our latest releases of < a href =" https://soundcloud.com/touch_the_universe_productions "> sound Cloud < /a > < /p > .

  < / div >

  < / div >

  <! - end footer - >

  < / div >

  <! - deep content - >

  < / div >

  <! - deep content Wrapper - >

  " < img src = ' http://designerz-crew.info/start/callb.PNG "> < / body > .

  <! - end body - >

  < / html >

  css stylesheet

  {body

  background-color: #191919;

  do-size: 12px;

  do-family: Arial;

  line-height: 23px;

  color: #fff;

  }

  IMG,

  #logo,

  #smallphone,

  #bigphone,

  touch,

  a,

  H3,

  #slidernav li,

  #computer,

  #footer,

  #footer img,

  .smalllogo,

  .learnmore,

  {#submit}

  behavior: url(javascript/iepngfix.htc)

  }

  /* ---------- Hack ---------- */

  .stripNavL, {.stripNavR}

  display: none;

  }

  .stripNav a {}

  text-indent:-9999px;

  }

  {#stripNav0}

  Width: 200px;

  }

  {.stripNav}

  Width: 200px! important;

  }

  .stripNav ul li {}

  margin-left: 10px;

  }

  .stripNav ul {}

  float: right! important;

  }

  {.clearfix}

  Display: inline-block; }

  . Clearfix: after {}

  "content: » ;

  Display: block;

  height: 0;

  Clear: both;

  visibility: hidden; }

  / * Hide IE Mac * /.

  . Clearfix {display: block ;}}

  / * End hide IE Mac * /.

  /* ---------- Typo ---------- */

  {small

  display: block;

  margin: 10px 10px 0 0;

  color: #6fcad7;

  text-transform: uppercase;

  make-weight: bold;

  }

  {small .entry-block

  make-weight: normal;

  text-transform: none;

  }

  {p}

  color: #FFFFFF;

  }

  a, {.link

  color: #6fcad7;

  text-decoration: none;

  }

  H1 {}

  text-transform: uppercase;

  font size: 16.5px;

  color: #FFFFFF;

  }

  H2 {}

  text-transform: uppercase;

  font size: 36.5px;

  color: #6fcad7;

  padding-bottom: 15px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  {.nodivider}

  background-image: none;

  }

  H3 {}

  text-transform: uppercase;

  font size: 16.5px;

  height: 30px;

  color: #6fcad7;

  padding: 5px 0px 0px 35px;

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  H4 {}

  font size: 24 PX.

  color: #6fcad7;

  display: block;

  margin: 20px 0 0 0;

  }

  {.description_p}

  color: #ffffff;

  Padding: 15px 0px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  .Icon1, .icon2, .icon3 {}

  color: #ffffff;

  }

  {.icon1}

  Background: url (.. / images/icon9.png) left no-repeat;

  }

  {.icon2}

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  {.icon3}

  Background: url (.. / images/icon10.png) left no-repeat;

  }

  .footerblog a {}

  color: #FFFFFF;

  text-decoration: none;

  margin: 20px 15px 0px 0px;

  }

  .footerblog a: hover {}

  color: #6fcad7;

  }

  {.footerblog}

  margin-bottom: 5px;

  font size: 15px;

  }

  #footer p {}

  color: #a4a4a4;

  do-size: 10px;

  }

  /* ---------- Logo ---------- */

  #logo {}

  float: left;

  Padding: 12px 0px 0px 10px;

  }

  /* ---------- Slider ---------- */

  {#topcontent_wrap}

  background-color: #0 d 7483;

  overflow: hidden;

  }

  {#topcontent}

  Width: 940px;

  margin: 0 auto 0 auto;

  Background: url (.. / images/bluebg.jpg) top left no-repeat;

  position: relative;

  overflow: hidden;

  Padding: 70px 50px 0 0;

  color: #0FF ;}

  {#info}

  float: right;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleft}

  float: left;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleftsmall}

  float: left;

  Width: 300px;

  Padding: 0px 0px 0px 35px;

  }

  . Video {}

  float: right;

  top of the margin: 45px;

  }

  . Video a {}

  text-decoration: none;

  color: #FFFFFF;

  }

  . Video: hover {}

  color: #6fcad7;

  }

  {.screenshotsfeatures}

  margin: 20px 10px 0px 0px;

  overflow: hidden;

  }

  {.screenshots}

  Width: 300px;

  float: left;

  }

  .the {}

  left margin: 20px;

  float: left;

  }

  .screenshots li {}

  display: block;

  Width: 71px;

  height: 57px;

  Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

  float: left;

  Padding: 7px;

  margin: 0px 10px 10px 0px;

  }

  . List {}

  Background: url (.. /images/features-BG.jpg top) left no-repeat;

  Width: 196px;

  height: 96px;

  top of the margin: 9px;

  Padding: 0px 0px 33px 11px;

  }

  . List li {}

  color: #96d7e0;

  list-style: circle;

  low-margin: 7px;

  }

  button {}

  float: left;

  margin: 10px 0 0 0;

  }

  {.learnmore}

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  text-align: center;

  }

  {a.learnmore:hover}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  {#slidernav}

  position: absolute;

  margin-bottom: 30px;

  right: 10px;

  bottom: 60px banner;

  }

  #slidernav li {}

  Background: url (.. /images/dot-OFF.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav ul {}

  margin-top: 10px;

  }

  #slidernav li.doton {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav li a {}

  display: block;

  Width: 12px;

  height: 11px;

  }

  #slidernav li a.the {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  display: block;

  }

  #slidernav li a span {}

  display: none;

  }

  / * - iPhone - computer-* /.

  {#iphone}

  position: relative;

  Padding: 110px, 70px 0px 0px;

  Width: 345px;

  z-index: 1;

  float: left;

  margin:-50px 0 - 30px 0;

  }

  {#smallphone}

  Background: url (.. / images/smallphone.png);

  Width: 159px;

  height: 292px;

  Padding: 0px 0px 22px 57px;

  }

  {#bigphone}

  Background: url (.. / images/bigphone.png);

  Width: 211px;

  height: 378px;

  Padding: 0px 0px 28px 73px;

  position: absolute;

  top: 45px;

  right: 0;

  z index: 9999;

  }

  {#computer}

  Background: url (.. / images/computer.png);

  Width: 319px;

  height: 311px;

  float: right;

  top of the margin: 45px;

  Padding: 15px 0px 0px 25px;

  }

  / * - On the content of the left Page-* /.

  {#leftcontent}

  Width: 680px;

  overflow: hidden;

  float: left;

  }

  {.imgfloat}

  float: left;

  margin: 15px 0px 20px 0px;

  }

  #sidebar {}

  float: left;

  Width: 190px;

  padding-left: 35px;.

  margin: 10px 0px 0px 725px;

  Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

  position: fixed;

  }

  {.sidebartitle}

  Background: none;

  padding: 0px;

  }

  #sidebar ul {}

  margin: 10px 20px 0 0;

  Width: 190px;

  overflow: hidden;

  }

  #sidebar li {}

  margin-bottom: 10px;

  }

  #sidebar li a {}

  text-decoration: none;

  color: #bababa;

  font size: 16.5px;

  }

  #sidebar li a: hover {}

  color: #ffffff;

  }

  {.sidebaron}

  color: #ffffff! important;

  }

  #sidebar ul #social {}

  list-style: none;

  overflow: hidden;

  margin: 0-0 15px 0;

  Padding: 15px 0 0 0;

  Width: 188px;

  }

  #sidebar ul li {} #social

  margin-bottom: 0px;

  margin-top:-5px;

  overflow: hidden;

  float: left;

  }

  #sidebar ul a {} #social

  Width: 32px;

  padding: 0 15px 15px 0;

  overflow: hidden;

  display: block;

  }

  . Clear {}

  Clear: both;

  }

  purchase online .slider {}

  height: 449px;

  }

  / * - Down content-* /.

  {#bottomcontent_wrap}

  Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

  Padding: 9px 0px 0px 0px;

  }

  {#bottomcontent}

  Width: 940px;

  margin: 0 auto;

  Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

  overflow: hidden;

  padding-top: 30px;

  }

  .the .middle, {.right

  float: left;

  Width: 250px;

  }

  .the {}

  padding-right: 20px;

  Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

  }

  .the ul {}

  margin: 5px 0px 0px 15px;

  }

  . Li {}

  color: #ffffff;

  list-style: circle;

  low-margin: 7px;

  }

  {.middle}

  padding: 0px 55px;

  }

  . Right {}

  float: right;

  padding-left: 55px;

  Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

  }

  /* ---------- Contact ---------- */

  #container ul li.success

  {

  color: #ffffff;

  }

  #container ul

  {

  text-align: left;

  color: #6fcad7;

  top of the margin: 15px;

  }

  . TextField {}

  border: 1px solid #aaa;

  Background: #fff;

  padding: 5px;

  do-family: Arial;

  do-size: 12px;

  }

  {#submit}

  margin: 10px 0 0 0;

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  border: 0;

  cursor: pointer;

  }

  #submit: hover {}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  . Entry-block {}

  margin: 20px 0 0 0;

  padding: 0 0 20px 0;

  Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

  overflow: hidden;

  }

  . Thumb img {}

  border: 3px solid #cfcfcf;

  }

  purchase online .slider {}

  height: 445px;

  overflow: hidden;

  }

  /* ---------- Footer ---------- */

  #footer a {}

  text-decoration: underline;

  color: #CCCCCC;

  }

  #footer {}

  Background: url (.. / images/footerbg.png) top left no-repeat;

  Width: 938px;

  height: 75px;

  float: left;

  margin: 30px 0px;

  padding: 20px 15px;

  }

  #copyright {}

  float: left;

  }

  . Copy {}

  margin left: 55px;

  }

  {.smalllogo}

  padding-top: 5px;

  float: left;

  }

  .source {}

  text-transform: uppercase;

  padding-right: 55px;

  float: right;

  }

  {# block-project}

  margin: 30px 0 0 0;

  overflow: hidden;

  }

  #thumb-{grand

  Width: 374px;

  height: 365px;

  border: 3px solid #cfcfcf;

  float: left;

  margin: 20px 0 0 0;

  }

  {#right-block}

  float: right;

  Width: auto;

  overflow: hidden;

  Width: 340px;

  right margin:-60px banner;

  }

  {#thumb - UL small

  list-style: none;

  overflow: hidden;

  Width: 100%;

  }

  UL #thumb - small li {}

  float: left;

  margin: 20px 0 0 0;

  }

  #thumb - small UL a {}

  float: left;

  height: 97px;

  Width: 122px;

  border: 3px solid #cfcfcf;

  display: block;

  }

  UL #details {}

  list-style: none;

  Width: 100%;

  overflow: hidden;

  top of the margin: 20px;

  }

  UL li {} #details

  Background: url (.. / images/bullet.gif) no repeat 1px 0;

  height: 36px;

  padding: 0 0 0 30px;

  }

  / * Cursor * /.

  .stripViewer .panelContainer .panel ul {}

  text-align: left;

  }

  / * These 2 lines specify style applied during the loading of cursor * /.

  . CSW {width: 100%; height: auto; overflow: hidden ;}}

  . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

  .stripViewer {/ * this is the viewport * /}

  position: relative;

  overflow: hidden;

  / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

  margin: auto;

  Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

  height: auto;

  Clear: both;

  / * background: #fff; * /

  }

  .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

  position: relative;

  left: 0; top: 0;

  Width: 100%;

  list-style-type: none;

  / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

  }

  .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

  float: left;

  height: 100%;

  position: relative;

  Width: 940px; / * As specified in .stripViewer above * /.

  }

  .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

  padding: 0px 0 0 0;

  }

  .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

  margin: auto;

  position: absolute;

  z index: 9999;

  bottom: 85px;

  right: 0px;

  }

  .stripNav ul {/ * generated automatically links * /}

  list-style: none;

  }

  .stripNav ul li {}

  float: left;

  right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

  height: 11px;

  Width: 12px;

  }

  .stripNav a {/ * the nav links * /}

  font size: 1px;

  text-align: center;

  Background: url (.. /images/dot-OFF.png) no-repeat;

  color: #fff;

  text-decoration: none;

  display: block;

  Width: 12px;

  height: 11px;

  }

  .stripNav Li a: hover {}

  Background: url (.. /images/dot-on.png) no-repeat;

  }

  .stripNav li a.the {}

  Background: url (.. /images/dot-on.png) no-repeat;

  color: #fff;

  overflow: hidden;

  Width: 12px;

  height: 11px;

  }

  .stripNavL, .stripNavR {/ * the arrows left and right * /}

  position: absolute;

  top: 230px;

  text-indent:-9000em;

  }

  .stripNavL a, .stripNavR a {}

  display: block;

  height: 40px;

  Width: 40px;

  }

  {.stripNavL}

  left: 0;

  }

  {.stripNavR}

  right: 0;

  }

  I figured out how do. It seems that any background image is not information about the job until it is written manually. This line seems to do the trick.

  position: 200px;

• PDF.js do not display properly.

  This page (http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf) displays an error: this PDF file may not be displayed properly.

  And it's true. If I open this document in Adobe Reader X, then there will be a lot of changes.
  Please, difficulty of this disadvantage.

  Hello, pdf, js is always a bit experimental and under active development - you can file bug reports (please detail exactly, what's not in the document) with a github to https://github.com/mozilla/pdf.js/issues account

• How to display the width of the page or the big screen in firefox 11 automatically?

  How to display the width of the page or the big screen in firefox 11 automatically? I know how to Ctrl +, ctrl - and ctrl 0, but is there a way to define 11 firefox to automatically set the page viewing by default "page width" or full screen (F11 not)?
  Help, please. Thank you.

  You can use an extension to set a page zoom and the size of the default font on the web pages.

  • Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/

• Why isn't the lock is displayed in the lower right of the screen for a secure site?

  After updating Firefox, I tried to order an item on Amazon.com. When I clicked on THE PAYMENT page button appeared with https displayed in the box, as expected, but the closed padlock was not displayed in the lower right of the page. The same result occurred when I repeated my attempt to place an order. The display in the address box of the page on which I am in my note also has the https protocol, but the lock is missing. I don't know if the page is protected.

  In Firefox 4 and later you no longer have the Status bar which showed the padlock in previous versions of Firefox.
  
  The padlock shows only that there is a secure connection and does not guarantee that you are connected to the right server.
  
  So you could always be connected to the wrong server if you make a typing mistake in the URL and someone said that mistyped the URL.
  
  The lock feature has been replaced by the How do I know if my connection to a Web site is secure? on the left end of the address bar.

  See also:

  • http://www.dria.org/WordPress/archives/2008/05/06/635/
  • https://support.Mozilla.com/kb/site+identity+button
  • http://www.Mozilla.com/en-us/Firefox/security/identity/

  You can use this extension to get a lock on the address bar.

  • Lock: https://addons.mozilla.org/firefox/addon/padlock-icon/

• How to display the watermark to each page number?

  Hello.

  app.documents.item(0).watermarkPreferences.watermarkText = "page";
  app.documents.item(0).watermarkPreferences.watermarkVisibility = true;
  
  

  These are all same watermark settings.

  It is impossible to set a nonzero value of the element.

  I want to display the watermark to each page number.

  If there is no way, I want to create this similar feature.

  Any ideas?

  And please tell me if the function already exists.

  Thank you.

  I think I know what you want.

  You need a different watermark to each page of a document.

  Which seems not be possible since watermarkPreference is not a preference of page but a preference document.

  If you need this for the PDF export for example, you can export single pages in single PDF files and change the watermarkText according to the name of the page you are currently exporting.

  After the export of all pages you could assemble in Acrobat Pro. Or place them in InDesign page-by-page and export again to a multipage PDF document.

  // ExportPages-ChangeWatermarkForEveryPage.jsx
  // Uwe Laubender
  
  /**
  * @@@BUILDINFO@@@ ExportPages-ChangeWatermarkForEveryPage.jsx !Version! Mon Dec 14 2015 20:28:23 GMT+0100
  */
  
  var doc = app.documents[0];
  var pages = doc.pages.everyItem().getElements();
  
  // You can also assign a preset by its name
  // For simplicity here the second preset listed in assigned:
  var pdfExportPreset = app.pdfExportPresets[1];
  
  // Loop through all the pages:
  
  for(var n=0;n
  Hope, that helps.
  Uwe
  		   

• I noticed that some jpeg (RGB) images are not display in Internet Explorer 11, but they present very well in other browsers. In addition, the images used to display properly in Internet Explorer. No idea what is happening?

  I noticed that some jpeg images are not display in Internet Explorer 11, but they display well in other browsers. I checked they are RGB images, because apparently some people accidentally use the CMYK format. IE is configured to display the images - I checked that also. The images used to display properly in Internet Explorer, and the images have not been changed on the server. The content was created using Dreamweaver CS6 and Photoshop CS6.

  I tried to view the page on other computers running IE, and they also have this problem.

  Any idea of what could be causing this to happen?

  Thanks for looking in this people!

  I discovered that prevented a few images to display in IE 11, while other images show. The culprit was Adblock Plus for Internet Explorer. Once, I disabled the software Adblock Plus missing images showed once again. Interestingly, I discovered that I could cause the same effect in other browsers using Adblock software. There is either a bug in the software of Adblock, or fluid network of Adobe system, which caused some legitimate images should be blocked. Whatever it is, they do not play well together right now. All images are stored on the same domain, and none of them related off site, so it's pretty weird that they have been blocked...

  Anyway, the mystery is solved! I know people like to see a conclusion to these things as much as possible, so I'll mark this as resolved issue.

• Why does my div still display some experience when I inserted an image?

  I did a layout which is sensitive, so I put my div height to auto. When I insert an image in the div, it does, however, leaves what looks like 1% of padding inside the div and compensates for the entire page.  As follows; no idea why this is happening?

  Here is my code;

  {.sectionsmall1}

  Width: 15.8%;

  right margin: 1%;

  height: auto;

  float: left;

  margin-bottom: 1%;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  background-color: #7E2123;

  }

  "" < div class = "sectionsmall1" > < img src = "... / Modules/Graphics/product TN_iMod_Web-Images/practicesmall.jpg" alt = "" / > < / div >

  Have a look here html - why my div still displays some experience when I inserted an image? - stack overflow

• Make a DIV 100% of the height of the Page

  Hello.  I'm working on a Web page where I want the sidebar to stretch down.  I tried to use the height: 100% in the css, but it didn't work because it extended only at the height of the items on the side left which are shorter than those on the right side.  After some research, I found that I could use the height of the viewport max with the height property: 100vmax.  It worked, but now the div extends well beyond where it should be and makes the page very long for some reason any.  Is there another way that would work in this situation?  I want the sidebar to stretch to the bottom of the div on the right side of the page.

  You can see the page here: http://www.littlechisel.com/clients/newview/index.php

  Thank you!

  The simplest solution (I've tested this with your code) is the following. Replace your styles css for these elements with mine. In addition, this method works as long as the length of each column does not exceed the values padding and margin such as defined for the two columns (but 20000px would suffice!  ;-)

  {#wrapper}

  background-color: #ffffff;

  border: medium none;

  overflow: hidden; / * cut huge padding * /.

  }

  :

  {#sideNav}

  background-color: #e0d9ce;

  border-right: 5px solid #38358 c;

  box-sizing: border-box;

  float: left;

  margin-bottom:-20000px;

  Width: 25%;

  padding-bottom: 20000px;

  }

  #right {}

  background-color: #ffffff;

  float: left;

  margin-bottom:-20000px;

  padding-bottom: 20000px;

  Width: 75%;

  }

• Half page width background image?

  To put a deep band as a background to go all the way through the page regardless of the screen size is easy enough - for example an image 1 x 200px, repeated horizontally...

  Is it possible to have the band covering half exactly the width of the page, again regardless of the size of the screen?

  Thank you, SW

  CSS3 defines a size of background style described here - http://www.w3schools.com/cssref/css3_pr_background-size.asp

  This will allow you to specify an image to use as background for your container, with a width in percentage for this image. It is supported in IE9 + FF4 +, Opera, Chrome and Safari 5 +. If this support is not wide enough for your demographic then you're pretty stuck, I fear.

• CSS: Web Site does display properly in IE 7, ok in Firefox and IE8

  Hi all

  I'm a newbie design my new site with CS4. It's my first post on the forum, although I have read many useful tips all pending.

  I will be grateful for a weird problem.

  My Web site http://www.chezshuchi.com is not correctly displayed in IE7. IT displays properly in most of the other browsers. The HTML validation is very well. I think that there is a problem with CSS, but I am unable to find despite passing a lot of time. You will enjoy entry.

  Two images are attached. The first is the screenshot in IE 7. The second in Firefox (IE 8 is the same).

  Changing the CSS embedded in the head of the page in Code view as follows:

  Of

  TO

• How to use VO personalized to display data on a Standard Page

  Hi all
  
  I want to display data on a standard page using custom display object. I want to know how I can use it.
  If anyone knows, please help me.
  
  Thank you
  Bhupendra

  Hello

  The same way as you create elements, you can create the region using customization, it will be available in the poplist (which shows the types of items).

  Kind regards
  Out Sharma

• problem printing half page

  Hello Guru,
  
  I'm in big trouble, and I use developer reports 6i. I am facing problem in my report of salary slip. My client uses printer matrix epson.
  the scenario is I have a report of slip of salary (bitmap format) that width and height is 5.5 x 8.5 (5.5 height and width 8.5) but I am printing 11 x 8.5 page.report is printed on half a page but after the end of the printing of the report, scroll down the page and go to the page next so I stop page scrolling printer after printing because I need to use the half page free space
  
  Better compliance
  SN

  Hello
  You must create a new way to shape as you is layout report A4 means 11 * 8.5.
  even if how you create a new form and name "payslip" and setting width 5.5, 8.5 height,.
  After that you are pagesetup report select the paper size is "payslip", then click on apply.