Div layout problem

Similar Questions

• PageContent tag add a footer div claire - problem

  I'm trying to figure out how to remove the div that the pagecontent tag adds to my Web site. As you can see here the grey box dark under the product is added by a clearly labeled div of footer. When I remove the div, the problem of layout disappears. Problem is that I can not find where to delete this code inside the catalyst company.   I use a .dwt and what that area looks like my code Inspector,

  {tag_pagecontent}

  Any ideas?    Thank you

  Hi duke_shibby,

  I don't know if I 100% understand what you say, but have you tried changing the model of module online store - global page layout? I know that there is a clear div footer in there by default. You can access this provision in the backend by going to

  -Site manager > Module Template > online store > overall arrangement

  Carol | BCGurus.com | http://bcgurus.com/Business-Catalyst-Templates for only $7

• Problem of the CS6 div layout

  http://www.Lestock.ca/index.html

  I'm having a problem with the layouts of the here div.

  • As the page loads, the curve border placed around the container seems to load it as a small oval, then goes to load correctly, but there is a small area in the upper corner.
  • I felt it necessary to place the < p > tags at the end of the sidebar and the container so that the page to maintain its full content.

  Thank you

  Post edited by: Pat Krushen

  CSS stylesheet
  

  @charset "utf-8";

  / * CSS document * /.

  {body

  Police: 100% Verdana, Arial, Helvetica, without serif.

  margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.

  padding: 0;

  text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.

  Color: #000000;

  background-repeat: no-repeat;

  background-color: #FFF;

  background-position: 0px;

  Top: 0px;

  background-attachment: fixed;

  background-image: url();

  }

  .twoColLiqLtHdr #container {}

  Width: 80%;

  text-align: left; / * This setting overrides the text-align: center on the body element. */

  overflow: visible;

  background-color: #FFFFFF;

  border: thin solid #060;

  border-radius: 50px;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-right: 15px;

  padding-bottom: 10px;

  padding-left: 15px;

  }

  .twoColLiqLtHdr #header {}

  background-image: url (greencorner2.jpg);

  background-repeat: no-repeat;

  do-size: 90%;

  background-color: #FFF;

  Width: 100%;

  padding-top: 0;

  padding-right: 0px;

  padding-bottom: 0;

  padding-left: 0px;

  }

  .twoColLiqLtHdr #header h1 {}

  margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.

  padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.

  }

  / * Sidebar1″ tips:

  1. as we work in percentages, it is preferable not to use the filling in the sidebar. It will be added to the width for browsers compatible standards creating a real unknown width.

  2. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".twoColLiqLtHdr #sidebar1 p.

  3. Because Explorer calculates the width after that the parent element is rendered, you can sometimes run into unexplained bugs with percentages of columns. If you need more predictable results, you can choose to change the columns of pixels in size.

  */

  {.twoColLiqLtHdr #sidebar1}

  float: left;

  Width: 22%; / * upper and lower padding create a Visual space within this div * /.

  background-color: #FFF;

  margin left: 15px;

  background-repeat: no-repeat;

  border-right-width: medium;

  border-right-style: outset;

  border-right-color: #060;

  }

  / * MainContent tips:

  1. the space between the mainContent and sidebar1″ is created with the left on the mainContent div margin regardless of how content div the sidebar1″ contains, the space of the columns will remain. You can remove the left margin if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete.

  2. to avoid falling of float at a resolution of 800 x 600 minimum supported, within the mainContent div elements must be 430px or smaller (including images).

  3. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs.

  */

  {.twoColLiqLtHdr #mainContent

  margin-top: 0;

  margin-bottom: 0;

  text-align: left;

  float: left;

  Width: 23%;

  left margin: 20px;

  }

  .twoColLiqLtHdr #footer {}

  background-color: #060;

  do-family: Verdana, Geneva, without serif.

  do-size: x-small;

  color: #FFF;

  text-align: center;

  margin: 0px;

  padding-top: 0;

  padding-right: 10px;

  padding-bottom: 0;

  padding-left: 10px;

  border-top-width: thin;

  border-right-width: thin;

  border-bottom-width: thin;

  border-left-width: thin;

  border-bottom-color: #090;

  border-right-color: #090;

  border-bottom-color: #090;

  border-left-color: #090;

  border-radius: 10px;

  }

  .twoColLiqLtHdr #footer p {}

  margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.

  padding: 10px 0;

  }

  / * Various classes for reuse * /.

  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

  float: right;

  left margin: 8px;

  }

  .fltlft {/ * this class can be used to float an element on your page to the left * /}

  float: left;

  right margin: 8px;

  }

  .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}

  Clear: both;

  height: 0;

  font size: 1px;

  line-height: 0px;

  }

  {.menudiv}

  float: left;

  Width: 50%;

  }

  {#menudiv2}

  float: left;

  Width: 60%;

  left margin: 10%;

  padding: 10px;

  right margin: 28%;

  }

  {.fltrtintroduction}

  float: right;

  Width: 66%;

  padding-left: 15px;

  make-weight: normal;

  Color: #333333;

  }

  {#weatherdiv}

  float: right;

  Width: 200px;

  }

  .twoColLiqLtHdr #container #header #slideshow {}

  float: right;

  Width: 70%;

  left margin: 35px;.

  }

  a: link {}

  color: #090;

  text-decoration: none;

  }

  a: visited {}

  color: #FC0;

  text-decoration: none;

  }

  a: hover {}

  Color: #333;

  text-decoration: underline;

  }

  a: active {}

  color: #8E9AB0;

  text-decoration: none;

  }

  {#updatetable}

  float: left;

  Width: 60%;

  margin left: 30px;

  background-color: #FFF;

  }

  #updatetable table tr {}

  }

  table tr td {fort #updatetable

  color: #FFF;

  }

  < / style >

  .lightfont {do-family: Verdana, Geneva, without serif;}

  make-weight: normal;

  }

  #logo {}

  float: left;

  Width: 24%;

  }

  . current.current {}

  background-color: #090;

  }

  . Green {}

  make-weight: bold;

  color: #060;

  }

  Post edited by: Pat Krushen

  Thank you, thank you, thank you!

• How to fix problem with div layout on PC ok but on iPad?

  Hello. as the title says, im having a problem here. I have im builiding my own Web site and creates a page with all my exp. personal and so on. so that she is beautiful, I have created serveral div tags. Here is my site:

  http://www.eduweb.hhs.nl/~10071717/home.htm

  When you click on the "RESUME" link in the left column, you will see that the layout is ok, vertically. but there is way to much space between the created table (div tags)

  on dreamweaver 'live view', it shows very well with a line of space between the bottom of the table and the top of the text (trying to be as clear as possible).

  but when I press Ctrl + F12 (prev in the browser), it shows that it is now.

  on my iPad, it shows very well:

  

  you know what I mean now?

  Here is my html codes (made clear Red):

  <! DOCTYPE HTML >

  < html >

  < head >

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

  < title > Curriculum Vitae < /title >

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

  < / head >

  
  

  < body >

  < div id = 'wrapper' >

  < div id = "banner" >

  < p > content ID 'wrapper' < /p >

  < / div >

  < div id = "navigation" >

  < ul >

  < li > < a href = "http://www.sigling.is/IMO/imofishing/home.htm" > home < /a > < /li >

  < /ul >

  < ul >

  < li > < a href = "bouwkunde.htm" > bouwkunde < /a > < /li > ""

  < li > < a href = "cv.htm" > CV < /a > < /li > ""

  < li > < a href = "werkervaringen.htm" > werkervaringen < /a > < /li >

  < li > < a href = "mijn_werk.htm" > mijn werk < /a > < /li > ""

  < li > < a href = "contact.htm" > contact < /a > < /li >

  < /ul >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < / div >

  < div id = 'hand' >

  Biography < h2 > < / h2 >

  < p > < / p >

  Adept < h6 > < / h6 >

  < div id = "CvPersoonlijkL" >

  Naam < p > < /p >

  Chairwoman < p > < /p >

  Adres < p > < /p >

  < p > < / p >

  geboortedatum < p > < /p >

  geboorteplaats < p > < /p >

  telefoon < p > < /p >

  Nummer mobiele < p > < /p >

  e-mail address < p > < /p >

  Nationaliteit < p > < /p >

  Sofinummer < p > < /p >

  < / div >

  < div id = "CvPersoonlijkR" >

  Kamp < p > < /p >

  Boris < p > < /p >

  Zwartendijk 31 < /p > < p >

  < p > 2671LL, Naaldwijk < /p >

  < p > < /p > 18/03/1991

  Monster, Zuid-holland < /p > < p >

  < p > < /p > 0174-670671

  06-55718742 < p > < /p >

  < p > < a href = "mailto: " [email protected] ? subject = you wearing digital portfolio "> [email protected] < /a > < /p > "

  Nederlander < p > < /p >

  < p > < /p > 205270621

  < / div >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  < h6 > < / h6 >

  opleidingen < h6 > < / h6 >

  < div id = "CvOpleidingenL" >

  bouwkunde MBO < p > < /p >

  < ul >

  school < li >: < /li >

  direction naam < li >: < /li >

  < li > time: < /li >

  < /ul >

  < p > < / p >

  HAVO < p > < /p >

  < ul >

  school < /li > < li >

  < /ul >

  < ul >

  < /li > < li > period

  < /ul >

  < / div >

  < div id = "CvOpleidingR" >

  < p > < / p >

  < p > mondriaan techniek & amp; ICT den haag < /p >

  < p > are ontwerp in managing < /p >

  < p > < /p > 2006-2010

  < p > < / p >

  < p > < / p >

  < p > SIE, tiendweg, Naaldwijk < /p >

  < p > < /p > 2003-2006

  < / div >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  < p > < / p >

  skills < h6 > < / h6 >

  < div id = "CvVaardighedenL" >

  < ul >

  Autodesk AutoCAD 2D < /li > < li >

  Autodesk AutoCad 3D < /li > < li >

  Revit Autodesk < li > < /li >

  Google's SketchUp < li > < /li >

  Voorcalculatie of BouwCalc < li > < /li >

  < /Li > < li > PlanCalc Windows

  Word from Microsoft < /li > < li >

  Microsoft Excel < li > < /li >

  PowerPoint from Microsoft < /li > < li >

  < li > PC zelf < /li >

  < /ul >

  < / div >

  < div id = "CvVaardighedenM" >

  Sterk < p > < /p >

  goed < p > < /p >

  Karakter < p > < /p >

  Sterk < p > < /p >

  Karakter < p > < /p >

  Karakter < p > < /p >

  Sterk < p > < /p >

  Sterk < p > < /p >

  Sterk < p > < /p >

  Sterk < p > < /p >

  < / div >

  < div id = "CvVaardighedenR" >

  2006. < /p > < p > heden

  2008 heden < p > < /p >

  < p > < /p > 2009-2010

  2006. < /p > < p > heden

  < p > < /p > 2008-2010

  < p > < /p > 2008-2010

  2003. < p > < /p > heden

  2003. < p > < /p > heden

  2003. < p > < /p > heden

  2003. < p > < /p > heden

  < / div >

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

  information other < h6 > < / h6 >

  < div id = "CvOverigL" >

  < p > rijbewijs: < /p >

  < / div >

  < div id = "CvOverigR" > Ja, rijbewijs B sinds juli 2009 < / div >

  < / div >

  < / div >

  < / body >

  < / html >

  I hope someone can fix this... its really strange.

  Thank you!!

  Boris

  After the end of each section of your RESUME you have code like below before the start of your next section/s:

   

  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  

  You must remove it so the section/s properly finish before the start of the next section as shown below:

  205270621

  
     

  
  

  Opleidingen

  
     

  Then you must add clear: both; and padding: 15px 7px 0 0; as indicated below for the

  CSS:

  H6 {}
  do-family: 'BankGothic Lt BT", Georgia, 'times New Roman';
  do-size: 12px;
  Color: #000;
  Clear: both;
  Padding: 15px 7px 0 0;

  }

• CS6 flow layout problems

  I am new to coding and Dreamweaver CS6 and worked with the checkerboard to fluid.  When I'm viewing the template page in Safari preview, my site looks like the image below.  After recording and put the files, the page is completely different when I type the Web site in the URL.

  I've recreated the index page/model three times because I had problems with formatting of the Spry menu.

  I wonder if by removing the Spry menu, if I have confused the path of Dreamweaver or caused other disturbances?

  How can I create a site that looks the same (or similar) to preview? (and add a menu bar?)

  

  

  <! doctype html >

  <!-[if lt IE 7] > < class = "oldie ie6" html > <! [endif]-->

  <!-[if IE 7] > < class = "ie7 oldie" html > <! [endif]-->

  <!-[if IE 8] > < class = "ie8 oldie" html > <! [endif]-->

  <!-[if gt IE 8] > <!-->

  < class html = "" >

  <!-<! [endif]-->

  < head >

  < meta charset = "UTF-8" >

  < meta name = "viewport" content = "width = device-width, original scale = 1" >

  <!-TemplateBeginEditable name = "doctitle"-->

  < title > T H R E E L H E E L S T U D I O < /title >

  <! - TemplateEndEditable - >

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

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

  <!--

  To learn more about the conditional comments around the HTML at the top of the file:

  paulirish.com/2008/conditional-stylesheets-vs-CSS-hacks-answer-neither/

  Follow these steps if you are using your customized version of modernizr (http://www.modernizr.com/):

  * Insert the link to your js here

  * remove the link below for the html5shiv

  * Add the class "No. - js' to the above html tags

  * You can also remove the link to respond.min.js if you included in your version of modernizr Polyfill MQ

  ->

  <!-[if lt IE 9] >

  "< script src="//html5shiv.googlecode.com/svn/trunk/html5.js "> < / script > use Insert panel for additional fluid Grid Layout Div tags. Note: All page layout Div tags must be inserted directly inside the div "gridContainer. Nested layout Div tags are not currently supported.

  <! [endif]-->

  "< script src ="... / respond.min.js "> < / script >"

  <!-TemplateBeginEditable name = "head"->

  <! - TemplateEndEditable - >

  < / head >

  < body >

  < div id = "header" >

  < div style = "" text-align: center; ">"

  < h1 > T H R E e W H E E L. S T U D I O < / h1 >

  < br >

  < p > studio ceramics and gallery that specializes in fine American crafts, lunatics usable parts and things. < /p >

  < / div >

  < div id = "body" >

  <!-TemplateBeginEditable name = 'body'->

  "" < p > < img src = "... / images/flyingsaucer9.jpg" alt = "saucer flying collection ' width ="694"height ="480"> < / p >

  <! - TemplateEndEditable - >

  < div id = "bread crumbs" > HOME < / div >

  < / div >

  < div class = "footer" id = "footer" > 401.451.2350

  [email protected]

  436 work Street Providence, RI 02903

  LUN - game: 11:00 - 17:30

  Game - sat: 11:00 - 18:00

  Sun: 12:00 - 17:00 < / div >

  < / html >

  When you use the URL for the site, without a file name, the server automatically seeks the default document such as index.html.

  Therefore, you have index.html or index.htm or index.php or similar.

  index.dwt is a DW template file and is not classified as document by default, shouldn't be. The model file should only be used on the local computer to create HTML documents based on this template.

• Question of CSS - height of the external DIV layout

  If all goes well, it is a quick - in the past, I've used CSS for the layout main page, but always used tables in a DIV. But I'll try to be good and the DIVs used it too.

  In any case-, I have here a basic example:

  http://www.learners-Guide.co.UK/lessons/cockpit-drill/layout.php

  With the rank in the main contained Division in two columns, using:

  #outerWrapper #contentWrapper #content #row_one {}

  Width: 580px;

  border: 2px solid #333;

  background-color: #99FF99;

  padding: 10px;

  }

  #outerWrapper #contentWrapper #content #row_one #row_one_left {}

  Width: 288px;

  height: auto;

  padding: 0px;

  float: left;

  margin: 0 0 0 0; / * Sets the properties of margin for an element using the shorthand notation (up, right, down, left) * /.

  }

  #outerWrapper #contentWrapper #content #row_one #row_one_right {}

  Width: 288px;

  height: auto;

  padding: 0px;

  float: right;

  margin: 0 0 0 0; / * Sets the properties of margin for an element using the shorthand notation (up, right, down, left) * /.

  }

  The problem is that the #row_one_left and the #row_one_right columns out of the container DIV. #row_one

  How I would expand container DIV to contain the columns? I can do so by specifying a height of the #row_one DIV, but guess it's poor form and would be produced depending on the results screen / resolution / browser etc.

  I thought that maybe using height: auto; but no joy with either.

  I assume that it should be possible, as it may seem a pretty basic provision requiement.

  Thank you.

  You must use a style that forces this div to clear floats (as floats are removed from circulation, containing elements of law as if they aren't even there).  To do this, something like "overflow: hidden" works beautifully.  So to remove the styles from height: auto (which is the default anyway) and change sound.

  #outerWrapper #contentWrapper #content #row_one {}

  Width: 580px;

  border: 2px solid #333;

  background-color: #99FF99;

  padding: 10px;

  }

  on this subject.

  #outerWrapper #contentWrapper #content #row_one {}

  Width: 580px;

  border: 2px solid #333;

  background-color: #99FF99;

  padding: 10px;

  overflow: hidden;

  }

• browser page - hyperlinks inactive layout problem

  I'm a html developer and noticed problems with hyperlinks becomes inactive, while they should not be. I've isolated a simple example that illustrates the problem. The same problem does not manifest in Internet Explorer.

  style = "position: relative;" top: 10px; height: 15px; "causes the links at the top of the page stop working (actually a few pixels at the top can work) because that causes the DIV to overlay these buttons.
  
  You can see that with the DOM Inspector.
  
  I see the same thing in Google Chrome.
  
  To top: 25px; unveils the buttons

• Layout problem

  I am facing a lot of problems with the layout system which I think is terrible compared to the cascades QtQuick anchoring system. Now, I have this problem: I'm working with a listview that is filled by a remote xml file, I create the listitem for use with.

  It's the source of the listitem:

  Container {
                                  layout: StackLayout {
                                      orientation: LayoutOrientation.LeftToRight
  
                                  }
                                  Container {
                                      }
                                      Label {
                                      }
                                      Label {
                                      }
                                  }
                                  ImageView {
                                      id: imageView
                                  }
                              }
  

  Now in vertical mode, it look like this:

  

  But horizontal is like this:

  

  because the text is too short, but I want image will always be on the right. If I use docklayout text is placed over the image and I could not find a way to prevent this.

  Thank you for your help.

  Hello

  To force the outside container take all available space horizontally, set preferredWidth is at infinity.

  A value not zero in his StackLayoutProperties left spaceQuota value of the container.

  Substantive definition of the container to a solid color allows the debug configuration.

• QML layout problem

  I consider myself fairly competent with QML, but cannot get this to work.

  I would a ScrollView at the top of the screen and a multiline inside label, the tricky bit is to operate on the Z10 Q10 formats and in a single file.

  ***********************

  *                            *

  *                            *

  * ScrollView *.

  *                            *

  *                            *

  *                            *

  ***********************

  * Multi-line *.

  *           Text          *

  ***********************

  Dock and absolutely do not work because they hide the text or superimposed according to the order, which leaves StackLayout.

  The problem with this is that using the infinite on the ScrollView turns the multi-line into single line, using average absolute values the text is not down on the Z10.

  Any ideas?

  OK, I think I see not the interest. And if you put the scrollview in another container, then the spaceQuota is calculated:

  // Segmented control navigation project template
  import bb.cascades 1.0
  import com.rim.example.custom 1.0
  
  Page {
      content: Container {
  
          layout: StackLayout {
              orientation: LayoutOrientation.TopToBottom
          }
          Container {
              ScrollView {
                  Container {
                      Label {
                          text: "texte"
                      }
                      Label {
                          text: "texte"
                      }
                      Label {
                          text: "texte"
                      }
                  }
              }
              layoutProperties: StackLayoutProperties {
                  spaceQuota: 1
              }
          }
          Label {
              text: "texte vdsgkso pkbop kbr kbrk oerkb)eobk kebo)kr )bkerbk)oerk b)ekorkbitojkqnjkbnbn ibni nqrjibn inqrb oqrjib pqbj"
              multiline: true
              layoutProperties: StackLayoutProperties {
                  spaceQuota: -1
              }
          }
      }
  }
  

• Tag Google Manager cause layout problems

  Hello!

  I'm almost done with my website, and I added the code of Google tag on the site manager. But for some reason, this time the code is really mess up my layout. The code itself is some photos and my Gallery completely disappear when I previews and when I publish. When I remove the code, the problem goes away. Does anyone has any advice for me?

  Thank you!

  It sounds like you have not closed it out of the code snippet. Check the code you pasted and make sure that it has a right to tag at the end.

  David

  Creative muse

• Saves out as IDML for previous versions of InDesign causes alternative layout problems.

  Hi all

  I'm having a problem with alternative presentations used for refunds in InDesign. Currently using InDesign CC for all files, but these need to be saved out as IDML files for translation and to be compatible for CS6 as my CC license is not renewed at the office.

  What happens is that when I open the IDML after saving outside, alternate layouts extend outwards and scale incorrectly. Does anyone have experience or suggestions to work around this problem, other that individually save each file layout? I have 42 items if prefer to keep 3 renderings in a single file.

  Thank you
  Sam

  Ok. I have the culprit of this disaster!

  Just check the rules of the pages for liquid layout.

  For the first page, which have not changed, it was: 'basic '.
  For the other two pages that change, it was: 'Scale '.

  Then I put all the pages of "basic", exported an IDML, opened again in v9.2.1 CC and everything seems fine.

  Uwe

• Default page layout problem

  Hello world

  I have a problem with my site. I have two layout as office and mobile. Problem is when I try to access the site on the desktop, it will automatically load mobile layout. I don't understand why? Someone has an idea.

  Here are the links.

  http://lacivertres.BusinessCatalyst.com

  http://lacivertres.BusinessCatalyst.com/phone/index.html

  The start page for the domain http://lacivertres.businesscatalyst.comsystem > the page index of the configuration of the phone. I've updated the home page of your site to the Home Page of the layout of office. It should now work perfectly.

  Thank you

  Vinayak

• Div display problem

  I'm having a problem with the index page to http://http :// www.pixelsandpaper.com/stANNES/St%20annes/index.html which is in a temporary location.  I put the container div to 960 px wide and took the left and right margins to 20%, however, when the page is displayed in Chrome there is a move marked to the left of the screen.  The other 2 pages of the site have the same parameters but appear very well.  In other browsers, the left display is not too obvious, but it's still there. I use Dreamweaver CS6

  Maybe someone can tell me what is the problem. I appreciate your comments.

  Pat

  View the source code on two different pages... Home and features for example.

  CSS properties to .container are repeated in several places. I would recommend that you consolidate all of these different .container in one place rules.

  In any case, on the features page, you have the set to 25px; margin-top

  . Container {}

  Width: 960px;

  margin-right: auto;

  left margin: auto;

  top of the margin: 25px;

  }

  If you have all the rules for .container in one place, it's much easier to troubleshoot.

  Best wishes

  Adninjastrator

• AP Div overlay problem

  I'm creating a Web page using divs PA.  I created the first div and put a picture in it. No problem.  Now I want to add another div, put a picture in it and put it on top of another div.  Whenever I try to drag the second div on top of the first, dreamweaver moves it to the closest edge so that they do not overlap.  This problem does not occur if I manually change the code; the div moves on top of the other div when I change it in the code, but I can't make it work simply by dragging it.  I tried to change the z-index, no luck.  I went back to the old Web pages where I did and it worked very well, in hopes of understanding what I was doing wrong.  As soon as I adjusted the div, dreamweaver the moved immediately outside the boundaries of the div, that they were on top.  Code is below.

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml ">

  < head >

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

  < title > Untitled Document < /title >

  < style type = "text/css" >

  {#apDiv1}

  position: absolute;

  Width: 1024px;

  height: 1024px;

  z-index: 1;

  top: 15px;

  left: 203px;

  }

  {#apDiv2}

  position: absolute;

  Width: 100px;

  height: 92px;

  z-index: 2;

  left: 200px;

  top: 398px;

  }

  < / style >

  < / head >

  < body background = "images/background.jpg" >

  < div id = "Divap1" > < img src = "images/backgroundcenter.jpg" width = "1024" height = "1024" / > < / div > "

  < div id = "Divap2" > text < / div >

  < / body >

  < / html >

  If you put this in a file in dreamweaver and preview, you can see that the div with the text it displays on the top of the div with the image in it; as soon as I try to adjust the positioning of the div with text, dreamweaver it moves outside the div with the image boundaries.  Thanks in advance.

  If the option prevent duplication is enabled, you will not be able to resize an AP element so that it overlaps with another AP element.

  

  GRAMPS

• Forum layout problem?

  Is anyone else having trouble with the layout of the forum? Mine suddenly changed one day back and tabs are missing, and there is duplication of text (see circled the text in the image).

  I got DPReview go weird on me a few months back, and strangely, when I asked on this forum, only other people in New Zealand have been having the same problem. In fact he could have people who use the same ISP as me.

  

  You still use the old CSS files. Just refresh your browser's cache.

  SHIFT-click on the Refresh button may be all you need to do.