Beyond the Tables... understand the DIV :)...

Similar Questions

• Help please: how to cancel the divs PA Tables

  I think I did something stupid! I was playing around in Dreamweaver and I was looking under the tabs > modify > convert > Tables to AP divs. So I clicked on "Tables divs PA" (just to see what he would do) THINKING than what I would have done it I would be able to "undo" - well no, I could not cancel. The page is titled "RequestOrder. Then I opened another page, called "RequestInspection" and it has also seen this page! I opened another site and all pages, titled 'Application [any name]' also has the same effect! All pages that have no "Request" in the title were not conducted.

  Can someone please tell me what I did wrong and how to cancel it please? When I look at the pages in the browser, everything seems normal. But I want all of this to go back to the way it was.

  I learned my lesson - do not just click on something just to see what he does... usually I don't get in a situation where I can't cancel something.

  Thank you very much!

  -J

  Example of what looks like the page in Dreamweaver:

  

  If you base this 911 call on the appearance of the screen in Design view only?  Look in Code view.  Do you see tables or div tags?  Try using the VIEW | Grid > show grid.  He disappears?

• in my div content goes beyond the width

  I created a < div > to put my main content.  I've given a width of 810px.  However when I hit a very long line of text in the < div > tag then it isn't autowrapping the text to the next line when it exceeds a width of 810 px.  What could be the problem?  It creates even a scrolling horizontal bar when I saw the long line in a web browser.

  Here is the CSS for my content < div >

  #outerWrapper #contentWrapper #content_bigbody {}

  float: left;

  Width: 810px;

  background-color: #FFFFFF;

  min-height: 690px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  border-radius: 8px;

  box-shadow: 5px 5px 5px #6d6e70;

  padding: 10px;

  do-family: Arial, Helvetica, without serif.

  font size: 13px;

  top of the margin: 15px;

  margin-bottom: 15px;

  margin left: 15px;

  }

  Try to add to your CSS:

  dressing: break-Word;

• Lining of the divs to the top, one with a fireworks html code with a jQuery slideshow

  I'm having a problem lining up two div in a div.  A div has an HTML inside fireworks (by the way, I can't understand why only the button States are not ' work.)  I inserted the code via the Insert menu > image objects > fireworks html, but for some reason, the work of button States.  When I open the navbar.htm in the file browser, it opens it in dreamweaver and it works perfectly in the live preview).  The other div has a simple jQuery slideshow.  I have these two div in comprehensive plu div named 'div id = wrapper.  How can I match these so that the nav div and body div flush against each other within the wrapper div tag?

  I intend to put the extra divs above and below the div wrapper for more content.  If someone understand why the fireworks html code does not work when inserted, would be great!

  Here is the code:

  < ! 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 > Richard J. Craddock Designs < /title >

  < script type = "text/javascript" >

  var _gaq = _gaq. [];

  _gaq.push (['_setAccount ',' UA-3119473-8 ""]);

  _gaq.push (['_setDomainName ', 'none']);

  _gaq.push (["_setAllowLinker", true]);

  _gaq.push (['_trackPageview ']);

  (function() {}

  GA var = document.createElement ('script'); GA.type = ' text/javascript '; GA. Async = true;

  ga.src = ("https:" == document.location.protocol? ) https://SSL ' : ' http://www ( ') + «.google-analytics.com/ga.js ";

  var s = document.getElementsByTagName ('script') [0]; ParentNode.InsertBefore (ga, s);

  })();

  < /script >

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

  < style type = "text/css" >

  {body

  background-color: #2f2f2f;

  width: 50 Ms.

  }

  . FadeIn {position: relative; height: 332px; width: 500px ;}}

  . FadeIn img {}

  position: absolute;

  left: 0px;

  top: 0px;

  width: 784px;

  } td img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}}

  < / style >

  "< script src="scripts/jquery.min.js "> < / script >

  < script >

  $(function() {})

  $('.fadein img:gt(0)').hide();)

  setInterval (function () {$('.fadein_:_first-child').fadeOut ().next('img').fadein () .end () .appendTo ('.fadein');}, 3000);

  });

  < /script >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "navdiv" >

  < table style = "" display: inline-table; "border ="0"cellpadding ="0"cellspacing ="0"width ="148">"

  <!-fwtable fwsrc = "craddocknavbar.png" fwpage = "Page 1" fwbase = "craddocknavbar.jpg" fwstyle = "Dreamweaver" fwdocid = "1729580248" fwnested = "0" - > "

  < b >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="148"height ="1"border ="0"id ="undefined_2"/ > < table >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="1"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  " < td > < a href =" http://www.rjcraddockdesigns.com/Company profile.php "target ="_self"onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'craddocknavbar_r1_c1_s1',' images/craddocknavbar_r1_c1_s2. jpg', 'craddocknavbar_r1_c1_s4.jpg', 1); " "" onclick = "MM_nbGroup ('down', 'navbar1', 'craddocknavbar_r1_c1_s1', ' images/craddocknavbar_r1_ c1_s3.jpg', 1);" > < img name = "craddocknavbar_r1_c1_s1" src = "images/craddocknavbar_r1_c1_s1.jpg" width = "148" height = "65" border = "0" id = "craddocknavbar_r1_c1_s1" alt = "" Richard J. Craddock, landscaping to Nantucket: company profile "/ > < /a > < table > "

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="65"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  " < td > < a href =" http://www.rjcraddockdesigns.com/services.php "target ="_self"onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'craddocknavbar_r2_c1_s1',' images/craddocknavbar_r2_c1_s2. jpg', ' images/craddocknavbar_r2_c1_s4.jpg', 1); " "" onclick = "MM_nbGroup ('down', 'navbar1', 'craddocknavbar_r2_c1_s1', ' images/craddocknavbar_r2_ c1_s3.jpg', 1);" > < img name = "craddocknavbar_r2_c1_s1" src = "images/craddocknavbar_r2_c1_s1.jpg" width = "148" height = "65" border = "0" id = "craddocknavbar_r2_c1_s1" alt = "" Richard J. Craddock, landscaping to Nantucket: Services "/ > < /a > < table > "

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="65"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  "< td > < img name ="craddocknavbar_r3_c1_s1"src ="images/craddocknavbar_r3_c1_s1.jpg"width ="148"height ="395"border ="0"id ="craddocknavbar_r3_c1_s1"alt =" "/ > < table >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="395"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < /table >

  < / div >

  < div id = "bodydiv" >

  < div class = "fadein" >

  "< img src="images/slideshow/1jquery.jpg ">

  "< img src="images/slideshow/2jquery.jpg ">

  "< img src="images/slideshow/3jquery.jpg ">

  "< img src="images/slideshow/4jquery.jpg ">

  "< img src="images/slideshow/5jquery.jpg ">

  "< img src="images/slideshow/6jquery.jpg ">

  "< img src="images/slideshow/7jquery.jpg ">

  "< img src="images/slideshow/8jquery.jpg ">

  < / div >

  < / div >

  < / div >

  < div id = "navigationlower" >

  " < p > < a href =" http://www.rjcraddockdesigns.com/index.php "title =" Home Page models Richard J. Craddock "" > home < /a > - < a href = " " http://www.rjcraddockdesigns.com/company "" profile.php ' title 'Richard J. Craddock Designs' = > profile < /a > - < a href = " http://www.rjcraddockdesigns.com/services.php "title =" Richard J. Craddock Designs "> Services < /a > < /p > "

  < strong > Richard J. Craddock Designs, 2011 < facilities > < / p >

  " < p > < strong > < a href =" http://cwws.org "title = 'Web of common wealth Solutions' target ="_new"> Designed by CWWS < /a > < / strong > < / p > "

  " < p > < a href =" https://www.Facebook.com/RJCLandscapeDesigns "> < img src ="facebook icon.png"width ="60"height ="60"/ > < /a > < /p > .

  < / div >

  < / body >

  < / html >

  Layout 2-column next looks a lot like what you're aiming for.

  View source in the browser to see the CSS & HTML code.

  http://ALT-Web.com/templates/2-Col-fixed-layout.shtml

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• I am still blocked content in the div was impossible!

  OK, I got the third column in place, but still not get the contained table that I put in to remain where it belongs or even:

  I put a table in the way of the code, the other that I couls see the insertion point in the correct div, but neither table remains for the width that I specify, they expand to the right beyond the content div, and who put the first table on the top of the second.

  Here's what I like the HTML code:

  < ! 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 "/ >"
  model bhsg < title > < /title >
  < link href = "css/bhsg.css" rel = "stylesheet" type = "text/css" / > "
  < style type = "text/css" >
  <!--
  {body
  background-image: url(images/BHSG_3_s1.gif);
  background-repeat: repeat-x;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  position: fixed;
  margin left: 75px;
  }
  body, td, th {}
  do-family: Verdana, Geneva, without serif.
  do-size: 10px;
  Color: #000;
  height: auto;
  Width: 967px;
  }
  H1, h2, h3, h4, h5, h6 {}
  do-family: Verdana, Geneva, without serif.
  make-weight: bold;
  }
  H1 {}
  do-size: 18px;
  Color: #000;
  }
  H2 {}
  do-size: 14px;
  Color: #000;
  }
  ->
  < / style > < / head >

  < body >
  < div id = 'wrapper' >
  < div id = "header" > < img src = "images/BHSG_header.jpg" width = '967' height = '116' border = '0' / > < / div > "
  < div class = "navtype" id = "navbar" > about us |  Who are we |  Permanent placement.  Contract staffing |  Outplacement |  Resources |  Current openings < / div >
  < div id = "contentwrapper" >
  < div id = "left column" >
  < table width = "137" border = "0" cellspacing = "0" cellpadding = "0" >
  < b >
  < td > < table >
  < td > < table >
  < /tr >
  < /table >
  < / div >
  < div id = "content" >
  < table width = "552" border = "0" cellspacing = "0" cellpadding = "0" >
  < b >
  < td > < table >
  < td > < table >
  < /tr >
  < /table >
  < / div >
  < div id = "rtcolumn" > content ID "rtcolumn" goes here < / div > < / div >
  < / div >
  < / body >
  < / html >

  Tables are an expansion because you have requested they do so by including 'td & th' in the css below:

  body, td, th {}
  do-family: Verdana, Geneva, without serif.
  do-size: 10px;
  Color: #000;
  height: auto;
  Width: 967px;
  }

  Change:

  {body
  do-family: Verdana, Geneva, without serif.
  do-size: 10px;
  Color: #000;
  height: auto;
  Width: 967px;
  }

• New HP Pavilion will not go beyond the screen with the "HP" Logo and the "circle of points."

  I recently bought a computer HP Pavilion (HP Pavilion 10:10 - e010nr). It was my first experience with Windows 9.1, but everything seemed to go OK. Then, yesterday when I had to retype my password, the computer began to run very slowly and then seemed to lock-up; It would not do anthing. I held onto the "button until the computer turns off and then restarted. When it restarted, it didn't go beyond the initial screen that shows "HP" in a blue circle and the small circle of the small white watch points there work but nothing ever happens. (I tried this many times, but the same thing happens. If anyone can help me to go beyond this opening "HP" screen, I would really appreciate it.

  Hi Referee06. I understand that your computer does not load past the HP logo at startup. To resolve this problem, proceed to the section "the computer crashes to the screen of the HP or Compaq logo or the Windows loading screen" in this document: computer does not (Windows 8)
  
  Let me know how it turns out.

• Out of bounds (beyond the end of the memory block) pointer argument

  Hello

  I write a program to control the power supply. One of the functions is to set the voltage and current in the table.

  When I run it, it displays the following error message:

  "Off-shore argument pointer (beyond the end of the block of memory) '

  Could someone help me with this?

  Thank you!

  This function code is as below:

  int CVICALLBACK SetValueCallBack (int, int int event, control panel,
  void * callbackData, int eventData1, int eventData2)
  {
  switch (event)
  {
  float Voltage_Set, Current_Set;
  int TimeSet;
  int lines;
  char VoltageSetBuff [30];
  char CurrentSetBuff [30];
             
  case EVENT_COMMIT:

  GetCtrlVal (panelHandle, PANEL_SETVOLTAGE, & Voltage_Set);
  GetCtrlVal (panelHandle, PANEL_SETCURRENT, & Current_Set);
  GetCtrlVal (panelHandle, PANEL_SETTIME, & TimeSet);
  GetCtrlVal (panelHandle, PANEL_SETROW, & RowSet);
             
  sprintf (VoltageSetBuff, "%2.2f", Voltage_Set);
  sprintf (CurrentSetBuff, "%2.2f", Current_Set);
             
  SetTableCellVal (panelHandle, PANEL_TABLE, MakePoint 1, lines, VoltageSetBuff);
  SetTableCellVal (panelHandle, PANEL_TABLE, MakePoint (2 lines), CurrentSetBuff);
  SetTableCellVal (panelHandle, PANEL_TABLE, MakePoint (3 lines), TimeSet);

  break;
  }
  return 0;
  }

  I am able to reproduce the problem, if I see the problem on the line just before the one you mention. I think it's probably because the variables declared inside a switch statement before the case labels are not initialized the same way as other variables are.* If move you these variable declarations before the passage, I think you will find that your mistakes disappear:

  int CVICALLBACK SetValueCallBack (int, int int event, control panel,
  void * callbackData, int eventData1, int eventData2)
  {
  float Voltage_Set, Current_Set;
  int TimeSet;
  int lines;
  char VoltageSetBuff [30];
  char CurrentSetBuff [30];

  switch (event)
  {
  case EVENT_COMMIT:

  ...

  I'll file a bug report to make sure that this gets more studied.

  * Note that the rules of the C language, even initialization explicitly (for example int TimeSet = 10 ;)-this position inside the switch has no effect!

  A. Mert

  National Instruments

• Need help with the div hidding in browser BB 4.6

  Will give the senario please help me solve this problem...

  I'm trying to hide several divs using javascript... i, e I have 5 DIV tags... If I click on the 1st div tag 2,3,4,5 must hide and the hidden content of 1 will be visible... and if I click 2 div tag 1,3,4,5 hide and content of the 2nd will be visible and so on...

  
  
  
   

  view the contents of the 1st...        Overview

  show 2 content...                  Target audience

  JavaScript

  function display (dry)
  {
  var pg1 = document.getElementById ("click1");
  var pg2 = document.getElementById ("click2");
     
  if(sec=="click1")
  {
  PG1. ClassName = 'visibleRow';
  pg2. ClassName = 'hiddenRow';
  }
       
  else if ("click2" is dry)
  {
  PG1. ClassName = 'hiddenRow';
  pg2. ClassName = 'visibleRow';
  }
  }

  . CSS

  {.hiddenRow}
  display: none;
  visibility: hidden;
  }

  {.visibleRow}
  display:;
  visibility: visible;
  }

  This does not work for the 1st div, but when I click on the 2nd tag div its woring fine

  All solutions?

  I got the solution by myself

  Thanks for all the help

  . CSS will not work if we put the div in two differenttable, so I have kept everything in onenow its works well...

  I had a really hard time to solve this problem

• How can I add values beyond the truncation variable environment of path of 1024 bytes on a Windows 7 computer?

  I get an error when I try to update the path in the system variables on my laptop Windows 7, how to add values beyond the limit of 1024 bytes?    Is there another limit or can this solution go beyond the character limit?

  Hi Ronald,.

  Thanks for posting your query in Microsoft Community.

  I understand from your description, that you have problems with the update the path in the system variables. I'll be happy to help you

  1. what you trying to accomplish?

  2. What is the exact error message that you receive?

  3. are you referring to the limit of characters of the file name or the path to the file?

  248 characters for the maximum path length and 260 for the maximum length of file name.

  For more information, you can consult this article:

  File naming, paths and namespaces

  http://msdn.Microsoft.com/en-us/library/aa365247.aspx

  For all windows questions do not hesitate to contact us and we will be happy to help you.

• When I add a &lt; br &gt; tag for my album the div width gets wider (White right border)?

  Hi I have recived this code lightbox and I tried to change it because I want some image in the lightbox iframe icons, I did this by adding a < br > tag so that the photos was aligned under the < iframe >... but somehow the < br > tag adds that more width to the div as well on the right side of the light therapy device there is a white border or something? It is the background color, but why the tag < br > did this?

  Questions

  (1) how can I fix the width of the div when the < br > tag is added?

  (2) how can I add a second video to the light therapy device? so that when you press the 1 button a video if displays in the light table and when you press the key 2 a different video appear in the lightbox?

  Other issues it would be great if the answer

  (1) when I use this bootstrap code and I put the < iframe > with a width = '640' and a height = '480' and put in a class of favouring incorporate it or stir-reagent-point is not at all sensitive? what I can do here

  This is just an example to show what happens

  <! doctype html >

  < html >

  < head >

  < meta charset = "utf-8" >

  HTML < title > < /title >

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

  " < script src =" https://AJAX.googleapis.com/AJAX/libs/jQuery/1.11.3/jQuery.min.js "> < / script > .

  < style type = "text/css" >

  {html, body

  height: 100%;

  padding: 0px;

  margin: 0px;

  }

  .page-overlay {}

  position: fixed;

  left: 0px;

  Top: 0px;

  height: 100%;

  Width: 100%;

  background: rgba (0, 0, 0, 0.5);

  }

  {.lightwrap}

  position: fixed;

  left: 0px;

  Top: 0px;

  height: 100%;

  Width: auto;

  left: 20%;

  }

  {.lightbox-content .lightwrap

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  background-color: #fff;

  border: 3px solid black;

  text-align: center;

  }

  .a-lightbox {}

  text-align: right;

  padding: 0 20px 10px 0;

  margin: 0;

  }

  {.tmb}

  margin-left: 600px;

  margin-top: 50px;

  z-index: 1;

  }

  IFRAME {}

  border: none! important;

  }

  H1 {}

  padding-left: 50px;

  }

  @media only screen and (max-width: 768px) {}

  {.lightwrap}

  Width: 80%;

  left: 10%;

  }

  }

  < / style >

  < / head >

  < body >

  < div class = "page-overlay" >

  < div class = "lightwrap" >

  < div class = "lightbox-content" >

  " < iframe width ="640"height ="480"src =" https://www.YouTube.com/embed/Ofo4DbPFx-0?modestbranding=1 & iv_load_policy = 3 "allowfullscreen > < / iframe > "

  < here > <!-< - THE BREAK (Remove to see the difference) - >

  < class p 'close lightbox' = > [X] < /p >

  < / div >

  <!-lightbox-content-> end

  < / div >

  <! - end lightwrap - >

  < / div >

  <!-end of page-overlay->

  < button class = "tmb" > button 1 < / button >

  < br >

  < button class = 'tmb' > 2 key < / button >

  < / body >

  <! - latest jQuery core library - >

  " < script src =" http://code.jQuery.com/jQuery-latest.min.js "> < / script > .

  < script >

  {$(document) .ready (function ()}

  $('.page-overlay,.lightwrap').hide ();

  $('.tmb').click (function () {}

  $('.page-overlay,.lightwrap').fadeIn ();

  });

  {$('.close-lightbox') ('cursor', 'pointer') .css ravishing (function ()}

  $('.page-overlay,.lightwrap').fadeOut ();

  });

  });

  < /script >

  < / body >

  < / html >

  demmacs wrote:

  The only problem I have with this gallery of images, is that some of my photos has a height that exceeds the screen... then I tried to change the height so that the img would be smaller, which worked just fine the only problem is that the width of the image do not match the width of the Gallery / modal... that looks a bit silly , and the modal / Gallery does not automatically adjust the width of the image :/

  Have you looked at:

  Example #12: Global galleries

  Bootstrap 3 Lightbox

• LiveCycle ss4: a textfield does not extend beyond the second page

  I am using livecycle designer es4 (first instance, before I used livecycle are 8.1, which came with adobe pro 9)

  I understand how to develop a textfield, however if people who want to type a lot of text beyond the page the whole textfield is placed on the other page.

  Sometimes, it creates even 2 empty pages before the textfield object.

  Would be nice if she continued dynamically to the next page without skipping a whole page or 2 pages at a time.

  Any help would be greatly appreciated

  You have wrapped the text box on a subform? If Yes, then you must have the option 'allow the page break in content"checked for the subform also?

• ORA-03297: file contains data beyond the requested value of RESIZING

  Hi all
  I am trying to increase the size of my space of system tables. The tablespace contains a data size 900MB file and it may increase to 2 GB.
  I would like to change this to autoextend I'll operate on the database csscan.
  When to change the autoextend and unlimited file I get: ORA-03297: file contains data beyond the requested value of RESIZING
  
  I also tried to increase the data file of 4 GB, but still the same. I see that there is more then enough space on the file system.
  Need help.
  Oracle Enterprise edt 10.2.0.5
  Concerning
  933746

  The first statement is that originally the problem - you try to shrink the file, develops it not.

  The autoextend (second statement) should be fine as is.

• FGL and broaden the question of the DIV.

  Hello

  I am trying to replace a tabular by DIVs presentation as the new site will FGL and tables don't fit that DIVs can. I hunted for some pure CSS code to achieve an effect, because a DIV will extend its content when the mouse is placed over the tag DIV automatically and even collapse when the mouse over to another DIV since it's 18 ebooks that I will host. The content of the div will be primarily text with a few links for each of the type eBook to download.

  What I'd like to do is the following:

  • A single column FGL DIV but with 18 lines, one for each book. (perhaps that should 36 lines because I would like to expand.)
  • I want the title of the book only to appear on the first line (maybe the text can wrap depending on the size of the screen).
  • When the div expands the rest of the text (full book description and download links) are displayed.
  • The display format even apply to all devices.

  As I do for a hobby, I don't know how to achieve this and I hope for some advice. I know it can be done with Javascript, but if a visitor has disabled javescript while it does not work.

  Any ideas on if it's feasible or not, if it is, a sample of code I can develop and learn lessons?

  Lee

  PROBLEM #1: Mouseovers don't work on touchscreen devices because they do not have a mouse.  Better, if use you triggers to OnClick events to show/hide content.

  In the following example, more + links are obtained with a small plugin but effective called jQuery Condense.

  http://ALT-Web.com/FluidGrid/Fluid2.html

  MORE buttons hide/divisions with jQuery right switches.

  http://jsfiddle.NET/NancyO/AP9Hm/

  Nancy O.

• White space between the Div tags

  I use DW CS4.  I need to help, reducing the white space between the DIV tags  I have the white space between smaller gray line and my nav bar.  I see all the places where there are margins or padding.  Can anyone help?  Here's the code.  Thank you.

  < body bgcolor = "#CCCCCC" onload = "MM_preloadImages('..)." /_img/HOMEover.jpg ',' /_img/COMPANYover.jpg ','... / _img/PROJECTOR TSover.jpg ', '... CASE STUDIESover.jpg/_img / ','... / CONTACTUSover.jpg/_img ') ">"

  < div id = "container" >

  < div align = "left" >

  "" < p > < img src = "... / _img/Nute_Logo_tag_060612.gif" alt = "logo" name = "logo" width = "113" height = "74" hspace = "5" align = "absbottom" id = "logo" / > < / p >

  < / div >

  < div id = "header" > < / div >

  < div id = "content" > < / p >

  < table border = "0" cellpadding = "0" cellspacing = "0" >

  < b >

  "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'bluebar',", 1) ' onmouseover = "MM_nbGroup ('over', 'bluebar',","1)" onmouseout = "MM_nbGroup ('out')" > < img src = "... / _img/bluebarup.jpg" alt = "" name = "bluebar" width = "118" height = "15" border = "0" id = "bluebar" onload = "" / > < /a > < table >

  "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'Home',", 1) ' onmouseover = "MM_nbGroup ('more', 'Home','... / _img/HOMEover.jpg ',", 1) "onmouseout ="MM_nbGroup ('out')"" > < img src = ""... / _img/HOMEup.jpg ' alt = "Click HOME to go to the home page" name = "home" width = "115" height = "15" border = "0" id = "home" onload = "" / > < /a > < table >

  "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down"," group1', 'society', ", 1) ' onmouseover =" MM_nbGroup ('more', 'society', "..") " "(/ _img/COMPANYover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/COMPANYup.jpg "alt ="Click to go to our services COMPANY"name ="company"width ="122"height ="15"border ="0"id ="company"onload =" "/ > < /a > < table >"

  "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down","Group 1","projects",", 1) ' onmouseover = "MM_nbGroup ('more', 'projects',..." "(/ _img/PROJECTSover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/PROJECTSup.jpg ' alt = 'PROJECTS click to see our projects' name = 'projects' width = "122" height = "15" border = "0" id = "projects" onload = "" / > < /a > < table > "

  "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'studies',", 1) ' onmouseover = "MM_nbGroup ('more', 'studies,'... / _img/CASE STUDIESover.jpg',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/CASE STUDIESup.jpg "alt ="click on the CASE STUDIES to see examples of projects' name = "added" width = "150" height = "15" border = "0" id = "added" onload ="" / > < /a > < table >

  "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("bottom", "group1', 'contactus',", 1) "onmouseover =" MM_nbGroup ('more', 'contactus','... / _img/CONTACTUSover.jpg ', ", 1)" onmouseout = "MM_nbGroup ('out')" > < img name = "contactus" src = "... / _img/CONTACTUSup.jpg" border = '0' alt = "" onload = "" / > < /a > < table >

  < /tr >

  "< / table > < img src =" "alt =" "name ="mainphoto1"width ="780"height ="264"id ="mainphoto1"/ >

  Thank you for all your help.  I solved it by adding a padding to my header (grey line).

• Compensate for the div / positioning in IE problem

  I posted this problem in another thread, but it was a sub-question. Anyway, the problem I have is positioned a div on all other divs. I managed to make it work perfectly on Firefox and Chrome as I wanted. The problem is usually when it comes to internet explore. I want just the image or the div on the right side of the site, but always placed by changing properties will give the same result, places of internet explore is far away where it is supposed to be. I'll add pictures, the code and the site below. Any help would be appreciated.

  View of chrome:

  

  View of Firefox:

  

  * IE View (false):

  

  Web site: http://emergencyclean-up.com

  Code:

  < ! 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 > emergency Clean Up Homepage < /title >

  < style type = "text/css" >

  {body

  background-color: #333333;

  }

  #entireSite #sidebar #spacer {}

  height: 300px;

  Width: 350px;

  }

  #entireSite #sidebar #newsletter {}

  background-image: url (.. / Images/NewsLetterBackground.png);

  height: 165px;

  Width: 350px;

  color: #FFF;

  }

  < / style >

  < link hand. CSS"rel ="stylesheet"type =" text/css"/ >

  "" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >

  < script type = "text/javascript" >

  function MM_swapImgRestore() //v3.0 {}

  var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

  }

  function MM_preloadImages() {//v3.0

  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) 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]) & & copyrights) 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_swapImage() {//v3.0

  var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

  If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

  }

  < /script >

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

  < / head >

  < onload of the body = MM_preloadImages('..) ' / Images/Buttons/buttonOver_01.gif ','... / .png images/WaterDamageOver ','... / Images/FireDamageOver.png ','... / Images/MoldRemediationOver.png ','... / MovalOver.png images/SootRe ','... / Images/OdorControlOver.png ','... / Images/facebook - logoOver.png ','... / Image s/yelp - logoOver.png ','... / Images/LinkedIn_logoOver.png ','... '. Twitter/images /-logoOver.png') ">"

  <!-it starts the encoding for the centering of the entire Web page->

  < div style = "width: 100%;" >

  < div style = "width: 900px; margin-left: auto; margin-right: auto; ">

  < div style = "width: 100%;" float: left; background-color: #333333; ">

  <! - this starts the background for the navbarArea layer - >

  < div id = "navbarArea" >

  <!-this starts the container div for the navigation bar->

  < div align = "center" >

  < div id = "navbar" >

  < ul id = "MenuBar1" class = "MenuBarHorizontal" >

  < li > < strong > < a href = "index.html" > Home Page < /a > < / strong > < /li >

  < li > < strong > < a href = "On Us.html" > us < /a > < / strong > < /li >

  < li > < strong > < a href = "Services.html" > Services < /a > < / strong > < /li >

  < li > < strong > < a href = "Testimonials.html" > stories < /a > < / strong > < /li > ""

  < li > < strong > < a href = "Us.html of Contact" > contact us < /a > < / strong > < /li >

  < li > < strong > < a href = "Offers.html" special > offers special < /a > < / strong > < /li >

  < /ul >

  < / div > < / div >

  <!-This completes the container div for the navigation bar->

  < / div >

  <! - This completes the background for the navbarArea layer - >

  <!-this starts the entireSite area * excludes navbar *->

  < div id = "entireSite" >

  <! - this starts the container for the sidebar image - >

  < div id = "sidebar" >

  <! - it starts a div for spacing - >

  < div id = "spacer" >

  < / div >

  <!-this ends a div for spacing->

  <! - it starts div newsletter - >

  < div id = "newsletter" >

  < Center > < font size = "5" > subscribe to our Newsletter < / police > < / center >

  < do action = "subscriptionform.php" method = "post" id = "Newsletter" > "

  < table width = "100%" border = "0" cellpadding = "3" >

  < b >

  < td > name: < table >

  < td > < input name = "News Letter Name" type = "text" size = "30" maxlength = "40" / > < table >

  < /tr >

  < b >

  < td > Email: < table >

  < td > < input name = "News Letter Email" type = "text" size = "30" maxlength = "40" / > < table >

  < /tr >

  < b >

  < td > Zip Code: < table >

  "" < td > < input name = "News Letter Postal Code" type = "text" size = "10" maxlength = "12" / > < table >

  < /tr >

  < /table >

  Center of <>< input name = "Subscribing" type = "Submit" id = "subscribe" / > < / center >

  < / make >

  < / div >

  <! - this bulletin ends div - >

  < / div >

  <!-This completes the bar area side image->

  <! - this starts the maintext area - >

  < div id = "maintext" >

  <! - this starts the title within the maintext area bar - >

  < div id = "title bar" >

  < br / >

  < / div >

  <! - the ends of the title bar of maintext area - >

  < br / >

  "" Center of <>< img src = "... / Images/Logo.png" width = "500" height = "160" alt = "Logo" / >

  < br / >

  < br / >

  < center > choose among our different services here for the emergency Clean-Up < /Center >

  < br / >

  < table width = "100%" border = "0" cellpadding = "0" >

  < b >

  "< td > < Center > < a href ="Damage.html water"MM_swapImgRestore" onmouseover = "MM_swapImage ('WD '", '... / Images/WaterDamageOver.png ', 1) "> < img src =" "... / pictures/WaterDamage.png" alt = "Water damage" name = "WD" width = height "75" = "75" border = "0" id = "WD" / > < /a > "

  < br / >

  Water damage < / center > < table >

  "< td > < Center > < a href ="Damage.html fire"MM_swapImgRestore" onmouseover = "MM_swapImage ('FD '", '... / Images/FireDamageOver.png ', 1) "> < img src =" "... / pictures/FireDamage.png" alt = "Fire damage" name = "FD" width = "75" height = "75" border = "0" id = "FD" / > < /a > "

  < br / >

  Fire damage < / center > < table >

  "< td > < Center > < a href ="Remediation.html Pan"MM_swapImgRestore" onmouseover = "MM_swapImage (' SIR '", '... / Images/MoldRemediationOver.png ', 1) "> < img src =" "... / pictures/MoldRemediation.png" alt = "Mold Remediation" name = "MR" width = "75" height = "75" border = "0" id = "MR" / > < /a > "

  < br / >

  Mold remediation < / center > < table >

  "< td > < Center > < a href ="Removal.html of soot"MM_swapImgRestore" onmouseover = "MM_swapImage ('SR '", '... / Images/SootRemovalOver.png ', 1) "> < img src =" "... / Images/SootRemoval.png" alt = "Remove soot" name = "SR" width = "75" height = "75" border = "0" id = "SR" / > < /a > "

  < br / >

  Removal of soot < / center > < table >

  "< td > < Center > < a href ="Control.html of the smell"MM_swapImgRestore" onmouseover = "MM_swapImage ('OC '", '..) " (/ Images/OdorControlOver.png',1) "> < img src ="... / pictures/OdorControl.png "alt ="Odor control"name ="OC"width ="75"height ="75"border ="0"id ="OC"/ > < /a >

  < br / >

  Odour control < / center > < table >

  < /tr >

  < /table >

  < br / >

  < Center > for more services please click < a href = "Services.html" > here < /a >. < /Center >

  < / div >

  <!-this ends the area-> maintext

  <! - this starts the bottombar image - >

  < div id = "bottombar" >

  "" < img src = "... / Images/bottomBar.png" width = "900" height = "25" alt = "bottombar" / > < / div >

  <! - this ends the image of the low bar - >

  <! - this starts the hotlinks box - >

  < div id = "hotlinks" >

  "< a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('FB '", '... /Images/Facebook-logoOver.png',1) "> < img src =" "... /Images/Facebook-logo.png" alt = "Facebook" name = "FB" width = "25" height = "25" border = "0" id = "FB" / align = "left" > < / has > "

  "< a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('YP '", '... /Images/Yelp-logoOver.png',1) "> < img src =" "... /Images/Yelp-logo.png" alt = "Yelp" name = "YP" width = "25" height = "25" border = "0" id = "YP" / align = "left" > < / has > "

  "< a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('TR '", '... /Images/Twitter-logoOver.png',1) "> < img src =" "... /Images/Twitter-logo.png" alt = "Twitter" name = "TR" width = "25" height = "25" border = "0" id = 'B' / align = "left" > < / has > "

  "< a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('LI '", '... / Images/LinkedIn_logoOver.png ', 1) "> < img src =" "... / Images/LinkedIn_logo.png ' alt = 'Linked In' name ="LI"width ="25"height ="25"border ="0"id ="LI"/ align ="left"> < / has >"

  < / div >

  <! - this end area of hotlinks - >

  <! - this starts the field of copyright - >

  < div id = 'copyright' >

  < br / >

  < p align = 'right' > content copyright 2012. EMERGENCYCLEAN - UP.COM. All rights reserved. < /p >

  < / div >

  <! - this end, the field of copyright - >

  < / div >

  <! - This completes the entireSite container - >

  "" < div id = "containerEmergency" > < img src = "... / pictures / emergency contact.png" width = "220" height = "220" / >

  < / div >

  < / div >

  < / div >

  < / div >

  <!-This completes the coding for the centering of the entire Web page * excludes navbar *->

  < script type = "text/javascript" >

  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});

  < /script >

  < / body >

  < / html >

  A few steps to follow.

  First make a backup copy of the file site just in case things go belly up and you need to revert to the original.

  Add position: relative; to the

  the bottom (as shown)

  Then move your

  named "containerEmergency" directly below the

  who added you position: relative; TO:

  

  Add z-index: 100; to the css "containerEmergency" as shown below:

  {#containerEmergency}

  height: 250px;

  Width: 250px;

  position: relative;

  Top: 0px;

  right: 0px;

  left: 720px;

  border-top-style: none;

  border-right-style: none;

  border-bottom-style: none;

  border-left-style: none;

  border-bottom-color: #F00;

  border-right-color: #F00;

  border-bottom-color: #F00;

  border-left-color: #F00;

  z-index: 100;

  }

  Add z-index: 2; to the css of 'entireSite ':

  {#entireSite}

  height: auto;

  Width: 900px;

  position: absolute;

  top: 50px;

  z-index: 2;

  }

  Add z-index: 1; to the css "navbar":

  {#navbarArea #navbar}

  background-color: #929BA0;

  height: 40px;

  Width: 900px;

  position: relative;

  top: 20px;

  left: auto;

  right: auto;

  do-family: Arial, Helvetica, without serif.

  do-size: 12px;

  z-index: 1;

  }

  Now it should work ok in Internet Explorer.