Float Drop Problem

I'm having a float drop issue with my layout. I've read
several articles on this but can't figure it out, because my layout
isn't just 3 columns.
Here's the problem:
*I have a <div> for my logo, floated left, then I have
a <div> for a banner heading floated right.
*I then have a top horizontal navbar, also a <div>, no
floating.
*below this I have my three columns (side bar-float left,
contents-float left and right bar-float right).
The problem is that Dreamweaver is showing a float drop error
on the navbar div.
I just don't know what to do to fix this and I've spent
several days trying to figure it out. I'm using IE6 which is where
the problem is supposed to occur, but the page displays correctly,
so I can't actually see the error.
My web site is not up so I can't provide a link but here is
some of the code.
CSS:
#wrap {
background: #999966;
color: #303030;
margin: 0 auto;
width: 780px;
#banner_logo {
float: left;
width: 190px;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
#banner_text {
width: 550px;
float: right;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
* html #navbar {
height: 1px;
#navbar {
width: 758px;
color: #FFFFFF;
text-decoration: none;
#navbar ul {
margin: 5px 0px 5px 5px;
padding: 0px;
text-align: center;
#navbar li {
list-style-type: none;
font-size: 8pt;
padding-right: 50px;
display: inline;
HTML:
<body>
<div id="wrap">
<div id="banner_logo"><img
src="../Images/logo_smaller2.png" alt="logo" width="174"
height="100" /></div>
<div id="banner_text">
<h1 align="center">Attic 2 Basement Home
Inspections</h1>
<h2 align="center">905-286-9586</h2>
<div align="center"><span class="sub_head">Each
home inspection is performed as if it were our
own!</span><br />
<span class="sub_head">Your peace of mind is our
goal.</span></div>
</div>
<div id="navbar"> - HERE'S WHERE THE FLOAT DROP ERROR
SHOWS UP-
<ul>
<li><a
href="../index.html">Home</a></li>
<li><a href="../about_us.html">About
Us</a></li>
<li><a
href="../buying_selling.html">Services</a></li>
<li><a href="../Contact_us.html">Contact
Us</a></li>
</ul>
</div>
<!-- TemplateBeginEditable name="SideNavBar" -->
<div id="avmenu">
<ul>
<li><a href="#">LINK </a></li>
</ul>
</div>
<!-- TemplateEndEditable --><!--
TemplateBeginEditable name="SideBar" -->
<div id="right_side_bar">
<h3>Book Your Inspection</h3>
</div>
<!-- TemplateEndEditable --><!--
TemplateBeginEditable name="MainContent" -->
<div id="content">
<h2>Page Heading Here</h2>
<p>Content here</p>
</div>
</div>
</body>
I would appreciate any direction offered!
Thanks so much,
Deb

I'm having a float drop issue with my layout. I've read
several articles on this but can't figure it out, because my layout
isn't just 3 columns.
Here's the problem:
*I have a <div> for my logo, floated left, then I have
a <div> for a banner heading floated right.
*I then have a top horizontal navbar, also a <div>, no
floating.
*below this I have my three columns (side bar-float left,
contents-float left and right bar-float right).
The problem is that Dreamweaver is showing a float drop error
on the navbar div.
I just don't know what to do to fix this and I've spent
several days trying to figure it out. I'm using IE6 which is where
the problem is supposed to occur, but the page displays correctly,
so I can't actually see the error.
My web site is not up so I can't provide a link but here is
some of the code.
CSS:
#wrap {
background: #999966;
color: #303030;
margin: 0 auto;
width: 780px;
#banner_logo {
float: left;
width: 190px;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
#banner_text {
width: 550px;
float: right;
height: 100px;
background-color: #cccc99;
padding: 10px;
border-bottom: 3px solid #FFFFFF;
* html #navbar {
height: 1px;
#navbar {
width: 758px;
color: #FFFFFF;
text-decoration: none;
#navbar ul {
margin: 5px 0px 5px 5px;
padding: 0px;
text-align: center;
#navbar li {
list-style-type: none;
font-size: 8pt;
padding-right: 50px;
display: inline;
HTML:
<body>
<div id="wrap">
<div id="banner_logo"><img
src="../Images/logo_smaller2.png" alt="logo" width="174"
height="100" /></div>
<div id="banner_text">
<h1 align="center">Attic 2 Basement Home
Inspections</h1>
<h2 align="center">905-286-9586</h2>
<div align="center"><span class="sub_head">Each
home inspection is performed as if it were our
own!</span><br />
<span class="sub_head">Your peace of mind is our
goal.</span></div>
</div>
<div id="navbar"> - HERE'S WHERE THE FLOAT DROP ERROR
SHOWS UP-
<ul>
<li><a
href="../index.html">Home</a></li>
<li><a href="../about_us.html">About
Us</a></li>
<li><a
href="../buying_selling.html">Services</a></li>
<li><a href="../Contact_us.html">Contact
Us</a></li>
</ul>
</div>
<!-- TemplateBeginEditable name="SideNavBar" -->
<div id="avmenu">
<ul>
<li><a href="#">LINK </a></li>
</ul>
</div>
<!-- TemplateEndEditable --><!--
TemplateBeginEditable name="SideBar" -->
<div id="right_side_bar">
<h3>Book Your Inspection</h3>
</div>
<!-- TemplateEndEditable --><!--
TemplateBeginEditable name="MainContent" -->
<div id="content">
<h2>Page Heading Here</h2>
<p>Content here</p>
</div>
</div>
</body>
I would appreciate any direction offered!
Thanks so much,
Deb

Similar Messages

  • DWCS3 Float Drop Problem?

    My site passed the Browser compatibility check in DWCS3, however, after launching site online and viewing it on a IE6 PC computer, the home page does not display correctly: the center section drops down. I checked for a potential float drop problem by adding up my widths including margins and padding: Sidebar left is 170 px, main content area is 370 px (this is the area that drops), sidebar right is 180 px = 720 px. The container is 780 width so I don't understand why the center doesn't fit but drops down because there seems to be 60 px left in the overall width to provide plenty of room. The main content area doesn't have a width specified, just a left and right margins (left set at 170 and right set at 180). I didn't try a conditional comment because I am not that familiar with coding. Any suggestions would be helpful. Also, don't understand why this wasn't flagged in the DWCS3 Browser compatibility check when it scanned for IE6. The address is http://www.eastontroop66.org and it's the home page. Thank you!

    My site passed the Browser compatibility check in DWCS3, however, after launching site online and viewing it on a IE6 PC computer, the home page does not display correctly: the center section drops down. I checked for a potential float drop problem by adding up my widths including margins and padding: Sidebar left is 170 px, main content area is 370 px (this is the area that drops), sidebar right is 180 px = 720 px. The container is 780 width so I don't understand why the center doesn't fit but drops down because there seems to be 60 px left in the overall width to provide plenty of room. The main content area doesn't have a width specified, just a left and right margins (left set at 170 and right set at 180). I didn't try a conditional comment because I am not that familiar with coding. Any suggestions would be helpful. Also, don't understand why this wasn't flagged in the DWCS3 Browser compatibility check when it scanned for IE6. The address is http://www.eastontroop66.org and it's the home page. Thank you!

  • Help! Expand Box, Doubled Float Margin Bug & Float Drop Problem

    Hi,
    My website has a title problem in line 159, 161 and 164, and I couldn't fiugre out why since my design view is TOTALL messed up in dreamweaver. However, by using google chrome broswer, webpage is still displaying fine, but not IE or firefox.. I was wondering if someone can help me take a look and give me some feedback how to fix the issue....thank you very much,
    http://www.akuiskitchen.com/

    Thank you, all errors have been fixed from w3 validation site, but I still have browser compability problem..
    Ken, do you mean removing all below underline portion under demostyle.css?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unable to load page</title>
    <style type="text/css">
    #container {
              width: 50%;
              margin: 3em auto;
              font-family: Verdana, Geneva, sans-serif;
    #dwicon {
              float: left;
              margin-right: 2em;
    #error {
              padding-top: .5em;
    #desc {
    </style>
    </head>
    <body>
    <div id="container"> <img id="dwicon" src="dw://configuration/Shared/ICE/Images/warning_icon.gif" width="32" height="32" alt="Warning" />
      <h3 id="error">Server Not Found</h3>
      <p id="desc">The page "http://localhost/resources/demos/style.css" was not loaded because Dreamweaver could not find the server "localhost". Please make sure you are connected to the internet and the server name is correct.</p>
    </div>
    </body>
    </html>

  • CSS Float Drop in IE8 but not Compatibility Mode

    I'm testing code for my home page across different browsers, and encountered the common IE float drop problem.  This does not occur in Firefox, Chrome, Opera, or IE8 in Compatibility Mode; but does occur in IE8 standard mode.  It's a bit confusing, since I usually encounter this problem in Compatibility Mode.
    I have tried using clear:none; as I thought the content was clearing the float:left of a large flash image on the left side of the window, but it didn't solve the problem.  I have 3 image buttons whose combined heights equate that of the flash image (all 622px), and these are all in a column div floating to the right.  All of these are flush margin:0 and padding:0, border:none.  The flash image has it's own class stating margin:0, padding:0, border:none as well.  These divs are fixed pixel widths and heights.  I tried placing them in a larger container div with fixed width and height, which didn't solve the problem.  Again, this only occurs in IE8 Compatibility Mode.
    This is the code below:
    div id="container">                  
    embed src="index.swf" allowscriptaccess="always" allowfullscreen="true" height="622" width="509" align="left" class="flashhome"> /embed>                     
    div id="homecontright">           
      a href="services.html?panel=5">           
      img src="button1.gif" align="top" border="0" alt="b1" class="imageright"/> /a>                        
      a href="smt.html">          
       img src="button2.gif" align="top" border="0" alt="b2" class="imageright"/> /a>                       
       a href="jobs.html">          
       img src="button3" align="top" border="0" alt="b3" class="imageright"/> /a>        
    /div>       
      div class="floatfix"> /div>             
       div id="foot" align="center">      
       contact info footer      
       /div>             
       /div>
    Here is the style information from my separate stylesheet
    #homecontright { margin:0; padding:0; border:none; width:493px; height:622px; overflow:visible; float:right; display:block; }
    .imageright {margin-left: auto; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; display: block; float: right }
    .flashhome { width:509px; height:622px; margin:0; padding:0; float:left; border:none; }
    div#container { margin-left:auto; margin-right:auto; margin-bottom:0; width:1002px; background-color:#A8CBE9; }
    div#foot {      background-color:#003366;      border-color:#a8cbe9;      border-width:thin;      border-style:solid;      font-size:10px;      width:996px;      padding:0.2em;      margin-left:auto;     margin-right:auto;      text-align:center;      font-family:Arial, Helvetica, sans-serif;      font-weight:bold;      color:#FFFFFF;      height:10px; }
    .floatfix { clear:both; }
    I've tried removing all the floats, even, especially the ones in the nested divs/class elements; but this didn't do a thing.  This leads me to wonder if this really is a float drop problem or am I missing something?
    EDIT: I fail at posting code so I've removed the front bracket from all tags.  Also, added a diagram to show what it's supposed to look like and what is happening in IE 8 Compatibility.  The margins do not exist, they are there so you can see individual elements

    I tried adjusting the images on the right -10px and had the same result.  Those images were actually created with margins within the image, so everything should be flush.
    I noticed, however, that even in browsers where everything aligns correctly, there seems to be a 2-3px jog between the flash image and the buttons on the right.  That strange link to the bottom right of the flash image is still appearing as well, somehow having to do with the top banner image when right clicked.  I tried changing the URL of that banner and the link changed as well, confirming my suspicion that they're linked.  I attempted to contain that image in a fixed width div with no results.  This link does not appear in other browsers, nor does it appear on any other pages that I used that code on.
    Code for my banner:
    <...a href="index.html"><img src="index/accuweb_c3homebannerR1a.jpg" alt="banner" border="0" class="banner"/><.../a>

  • Need help with IE6 box drop problem DW CS4

    Having a problem with this page: http://www.recoverings.com/tarzan.html in IE6. Maincontent drops below the sidebar menu. Looks fine in FF, Safari, IE7.
    All other pages work well. I assume that this has something to do with the width of the .wrapnail and .thumbnail divs, but reducing the margins doesn't seem to help and the images start to get too close together. What am I missing here?
    Can someone help me solve this?
    I would also appreciate any suggestions on cleaning up my CSS. Seems like I have an awful lot of stuff in there. Maybe it's okay but could it be cleaner?
    Thanks for your help,
    Phil

    IE bug Float Drop is fairly common.  Make sure your page wrapper division is wider than the combined width of left sidebar + main content + left & right borders if any.  If that doesn't help, add an overflow: hidden rule to your floated container and make sure you have cleared both floats.
    More about float drop and the expanding box problem can be found here:
    http://www.positioniseverything.net/explorer/expandingboxbug.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Need Help With Float Drop

    Hi,
    I'm working with a template with a fixed left sidebar and a
    liquid right main content area. I'm getting float drop with the
    main content area and I'm stumped as to how to fix it. I've never
    had this problem before with the same template. The temporary URL
    is www.allearsdogs.com. Any suggestions would be much appreciated!
    And Merry Christmas!
    Mychelle

    "Nikitadog31" <[email protected]> wrote in
    message
    news:gj0ta6$e6e$[email protected]..
    > Hi,
    > I'm working with a template with a fixed left sidebar
    and a liquid right
    > main
    > content area. I'm getting float drop with the main
    content area and I'm
    > stumped
    > as to how to fix it. I've never had this problem before
    with the same
    > template.
    > The temporary URL is www.allearsdogs.com. Any
    suggestions would be much
    > appreciated!
    Replace this:
    .twoColHybLtHdr #mainContent {
    float:left;
    margin:1px 10px 0px 2em;
    padding:10px 30px 10px 5px;
    width:70%;
    Witht his:
    .twoColHybLtHdr #mainContent {
    overflow:hidden;
    zoom:1;
    padding:10px 30px 10px 5px;
    The key is to keep things simple. No float, no width, no
    margin are needed
    here.
    overflow and zoom is all you need to make this layout behave
    the way you
    want.
    Thierry | Adobe Community Expert | Articles and Tutorials ::
    http://www.TJKDesign.com/go/?0
    Spry Widgets |
    http://labs.adobe.com/technologies/spry/samples/
    [click on
    "Widgets"]
    Spry Menu Bar samples |
    http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

  • Float Drop

    I am having a float drop issue in IE6 (at least that's what I
    think it is). My page renders fine in Firefox, and IE7, but drops
    content in IE6. I have tried the Holly Hack, messed with margins to
    get rid of 3-pixel-jog, and applied the float drop fix found on CSS
    Advisor (using wrapper). I can't get anything to work. I'm sure
    it's something simple I have missed. THANK YOU.
    Site:
    http://www.newsons.sons-of-liberty-sar.org
    CSS:
    @charset "utf-8";
    body {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    background-image: url(images/star.gif);
    background-repeat: repeat;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 100%
    .NewSOL #container {
    width: 880px;
    background: #FFFFFF;
    margin: auto;
    border: 1px solid #000000;
    text-align: left;
    .NewSOL #sidebar1 {
    float: right;
    width: 300px;
    background: #EBEBEB;
    padding: 0;
    background-image: url(images/dkBlueBkg.jpg);
    background-repeat: repeat;
    .NewSOL #sidebar2 {
    float: right;
    width: 270px;
    padding: 0;
    margin: 10px 15px 0px 15px;
    background-image: url(images/dkBlueBkg.jpg);
    background-repeat: repeat;
    color: #fdffd1;
    .NewSOL #sidebar3 {
    float: right;
    width: 300px;
    background: #EBEBEB;
    padding: 0;
    .NewSOL #navBar {
    margin: 0;
    padding: 0;
    width: 580px;
    .NewSOL #headerBar {
    margin: 0 300px 0 0;
    padding: 0;
    .NewSOL #mainContent {
    margin: 50px 325px 0 0;
    padding: 0 20px 0 20px;
    .fltrt {
    float: right;
    margin-left: 8px;
    .fltlft {
    float: left;
    margin-right: 8px;
    .clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    .NewSOL #wrapper {
    width: 880px;
    }

    Any ideas???
    eclipsme wrote:
    >
    http://www.eclipsme.com/fellsmerecra/facadegrants.php
    >
    > I am having an issue of float drop on this page in IE6
    when text size is
    > set to 'largest'. Clicking on the horizontal menu items
    (PVII -
    > thanks!)shows that none of the other pages exhibit this
    problem and this
    > page has no extra styling beyond the same style sheets
    attached to the
    > other pages.
    >
    > FF does not exhibit this, but it does wrap the
    breadcrumbs menu
    > differently than IE, dropping the entire <li> to a
    new line whereas IE
    > breaks the <li> into 2 lines. I don't care about
    this, but is it
    > significant to the problem?
    >
    > Thanks,
    > Harvey

  • Yes, it's IE float drop again

    I have read the messages here until my head is spinning. I
    cannot detect
    an underlying principle that one can refer to when trying to
    prevent
    this from happening in every case--it seems so situation
    dependent. Or
    what I have read is over my head.
    I'm getting it at all of the pages of this site:
    http://www.eastbranch.net/process.html
    Al of the pages use the same underlying structure, so I'm
    hoping that if
    I fix it for one I can fix it for all.
    It doesn't happen in any Macintosh browser. If the page is
    too wide--and
    it almost always is--I get a horizontal scrollbar. I know.
    Client
    insists. He doesn't mind the horizontal scrolbar for people
    who don't
    use huge windows like he does, but I think the float drop is
    a more
    serious problem and I need to fix it.
    Can someone point me to a resource, ideally titled
    "Preventing IE float
    drop--every time--for dummies."
    James M Shook

    "James Shook" <[email protected]> wrote in message
    news:gl35os$hca$[email protected]..
    > Thierry wrote:
    >
    >> It is the content of #rightWrapper that makes that
    container drop,
    >> because it - wrongly - increases its width.
    >> The easy fix is to prevent such thing is to use the
    following:
    >>
    >> #rightWrapper {overflow-x:hidden;}
    >
    > OK, that sort of works, but it cuts off the content on
    the right. Do I
    > have to size rightWrapper to the size of the widest
    content it will
    > contain?
    Sorry James,
    I didn't look at it very well. Actually, I didn't even check
    in FF, that's
    why I was suggesting to use "overflow-x" ;-).
    It turns out that indeed there are maths errors.
    An easy way to find out about this kind of issue is to open
    firebug and to
    click on the "layout" tab.
    There you can see that:
    - #pageWrapper width is: 915px
    - #leftWrapper width is: 70 + 478 + 15 (563px)
    - #rightWrapper width is: 463px
    So to avoid a float drop you would have to set the width of
    #pageWrapper to
    be at least 1026px
    To contain everything within 915px you need to reduce by a
    total of 111px
    the inner containers (width or padding will do).
    As a side note I would *remove* the table you're using for
    the thumbnails as
    these are easily styled without the need of so much markup
    (which also allow
    for more flexibility - showing them on 3 columns instead of 4
    for example).
    Thierry | Adobe Community Expert | Articles and Tutorials ::
    http://www.TJKDesign.com/go/?0
    Spry Widgets |
    http://labs.adobe.com/technologies/spry/samples/
    [click on
    "Widgets"]
    Spry Menu Bar samples |
    http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

  • Drag and drop problem on Lion... doesn't work

    Hi,
    I have had a drag and drop problem since I installed Lion on my computer.  I grab a file and by the time i try to drop it on a folder it is not released.  This happens in all programs and it is really annoying,  finder, iphoto, mail, you name it.
    I've tried repairing disk permissions directly from lion and then from the repair disk partition and it has been no good.
    Any ideas???
    I have a MBP 15 in, 2.8 ghz intel core 2 duo.  4 gb ram.
    And hey, since i installed lion computer is soooooooooooo slow, any tips will be highly appreciated.

    drag and drop doesnt work at all, no matter what i try to do it doesnt work.
    on desktop i grab a file and then try to drop it on a folder and doesnt drop.
    on mail i grab an e-mail and try to place it on a folder and it doesnt drop.
    i movie i select some photos, try to drag them to the project area and they dont drop i have to copy/paste in order to transfer them.
    itunes i grab a file from my music library and try to drop it to a playlist and it doesnt drop
    it is really really annoying.
    any ideas????

  • Drag and drop problem from wizard inside another drop

    I am using JDK 1.5.0_11 Swing.
    I am facing a Drag and Drop problem which is described below:
    A drag and drop operation invokes a wizard, from which another wizard is invoked. Within one of the panels of this 2nd wizard, I am trying to do a drag and drop from a JTextarea to a JTree node, but am NOT able to. I am not getting any exceptions. I have written a transfer handler for the JTree node to handle the text transfers from a JTextArea. When I try to do a drag and drop from a JTree node to another JTree node I'm getting the 'InvalidDNDOperation: drag and drop in progress' exception.
    When the 2nd wizard is invoked directly, I am able to do the drag and drop from JTextArea to a JTree node and also from a JTree node to another JTree node.
    I tried spawning a new thread for the 2nd wizard, but am still unable to initiate drag and drop.
    Should I be spawning a new thread for the 1st wizard?
    Message was edited by:
    sbandyop

    Please post Swing questions in the Swing forum: http://forum.java.sun.com/forum.jspa?forumID=57

  • I am facing call drop problem (incoming

    I am facing call drop problem in my I phone 5 since morning today, Outgoing & incoming both.
    However i switched off the handset & also pull out SIM from the Handset, again insert & reset the functions but it's stilll not working.
    Please help.

    Hi there Kuldeep Mishra,
    You may find the troubleshooting steps in the article below helpful.
    iPhone: Troubleshooting issues making or receiving calls
    https://support.apple.com/kb/TS3406
    -Griff W. 

  • Floating keyboard problem

    I have this floating keyboard problem. Is there a fix to this?
    I jail broke my device and I know it's not anything I downloaded after that because none of the things I downloaded have anything to do with mail or photos. This only happens when I try to send a photo through email. Help please!
    Link to pic of problem: http://i252.photobucket.com/albums/hh24/freaktrains/EA41C579-2212-4CCC-912D-6EB0 2D19BB81-2136-000000C6A8F32FCD_zpsa2359318.jpg

    Jailbreaking voids the Apple warranty and also means that you will not get any support from Apple, including from this Apple forum. Jailbreaking can't be discussed in this Apple forum.
      Unauthorized modification of iOS has been a major source of instability, disruption of services, and other issues

  • Pls Help! Drag and Drop problem, identical symbols acting differently - same code! WHY?

    In the attached file, I have a series of symbols that have a drag and drop command to change colour at different sections of a bullseye, and that are also text editable (html).
    However, some of the symbols get stuck and will not be moved after moving once or at all, and some get stuck once their text has been edited.
    I have poured over the code and it appears to be the same for each symbol - can anyone explain as to why this is happening?
    I also cannot now edit the text properly on the ipad (it is really fiddly to change between different symbols to edit their text -- is there maybe a better way to do this? A button to change between symbols to then edit their text, can you help with this too?)
    THANK YOU SO MUCH!!!
    File here:
    https://www.dropbox.com/s/g71gnfichjgyehn/NEW%20RISK%20RADAR.zip

    Hi, I think I undertsand what you mean now, so the code is as below, btu I am not sure what a handler is? but some of my risks still get stuck once the text has been changed on them:
    // Use for loop for attr
    // deleted  yepnope since you load with scropt loading
    // added pos for each symbol so we can replace them there.
    document.ontouchmove = function(e) {
            e.preventDefault();
    var risk = ;
    var Pos = [
    {'x':-9,'y':806},
    {'x':27,'y':854},
    {'x':72,'y':894},
    {'x':71,'y':934},
    {'x':231,'y':811},
    {'x':231,'y':853},
    {'x':231,'y':894},
    {'x':231,'y':934},
    {'x':388,'y':811},
    {'x':388,'y':852},
    {'x':388,'y':893},
    {'x':388,'y':934},
    {'x':543,'y':811},
    {'x':543,'y':853},
    {'x':543,'y':893},
    {'x':543,'y':934}
    var myText = ; 
    for (i=0;i<risk.length;i++){
    sym.getSymbol(risk[i]).$(risk[i]).attr("contenteditable",true);
    sym.$('Quadrant_text').attr("contenteditable",true);
    sym.$('Quadrant1_text').attr("contenteditable",true);
    sym.$('Quadrant2_text').attr("contenteditable",true);
    sym.$('Quadrant3_text').attr("contenteditable",true);
    // apply the draggable JQuery UI plugin to the MyDraggableSymbol symbol on your stage
    sym.$('Risk1').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk1").stop("Initial");
      sym.setVariable("symName","Risk1");
    //adding for risk3_orange similarly add for other symbols
    sym.$('Risk1').draggable();
    sym.getSymbol('Risk1').$("Risk1").bind('click tap',function(ev) {
         sym.$('Risk1').draggable('disable');
    }).unbind('dblclick tap',function(ev) {
         sym.$('Risk1').draggable('enable');
    sym.$('Risk2').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk2").stop("Initial");
      sym.setVariable("symName","Risk2");
    //adding for Risk2 similarly add for other symbols
    sym.$('Risk2').draggable();
    sym.getSymbol('Risk2').$("Risk2").bind('click tap',function(ev) {
         sym.$('Risk2').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk2').draggable('enable');
    sym.$('Risk3').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk3").stop("Initial");
      sym.setVariable("symName","Risk3");
    //adding for Risk3 similarly add for other symbols
    sym.$('Risk3').draggable();
    sym.getSymbol('Risk3').$("Risk3").bind('click tap',function(ev) {
         sym.$('Risk3').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk3').draggable('enable');
    sym.$('Risk4').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk4").stop("Initial");
      sym.setVariable("symName","Risk4");
    //adding for Risk4 similarly add for other symbols
    sym.$('Risk4').draggable();
    sym.getSymbol('Risk4').$("Risk4").bind('click tap',function(ev) {
         sym.$('Risk4').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk4').draggable('enable');
    sym.$('Risk5').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk5").stop("Initial");
      sym.setVariable("symName","Risk5");
    //adding for Risk5 similarly add for other symbols
    sym.$('Risk5').draggable();
    sym.getSymbol('Risk5').$("Risk5").bind('click tap',function(ev) {
         sym.$('Risk5').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk5').draggable('enable');
    sym.$('Risk6').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk6").stop("Initial");
      sym.setVariable("symName","Risk6");
    //adding for Risk6 similarly add for other symbols
    sym.$('Risk6').draggable();
    sym.getSymbol('Risk6').$("Risk6").bind('click tap',function(ev) {
         sym.$('Risk6').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk6').draggable('enable');
    sym.$('Risk7').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk7").stop("Initial");
      sym.setVariable("symName","Risk7");
    //adding for Risk7 similarly add for other symbols
    sym.$('Risk7').draggable();
    sym.getSymbol('Risk7').$("Risk7").bind('click tap',function(ev) {
         sym.$('Risk7').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk7').draggable('enable');
    sym.$('Risk8').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk8").stop("Initial");
      sym.setVariable("symName","Risk8");
    //adding for Risk8 similarly add for other symbols
    sym.$('Risk8').draggable();
    sym.getSymbol('Risk8').$("Risk8").bind('click tap',function(ev) {
         sym.$('Risk8').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk8').draggable('enable');
    sym.$('Risk9').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk9").stop("Initial");
      sym.setVariable("symName","Risk9");
    //adding for Risk9 similarly add for other symbols
    sym.$('Risk9').draggable();
    sym.getSymbol('Risk9').$("Risk9").bind('click tap',function(ev) {
         sym.$('Risk9').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk9').draggable('enable');
    sym.$('Risk10').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk10").stop("Initial");
      sym.setVariable("symName","Risk10");
    //adding for Risk10 similarly add for other symbols
    sym.$('Risk10').draggable();
    sym.getSymbol('Risk10').$("Risk10").bind('click tap',function(ev) {
         sym.$('Risk10').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk10').draggable('enable');
    sym.$('Risk11').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk11").stop("Initial");
      sym.setVariable("symName","Risk11");
    //adding for Risk11 similarly add for other symbols
    sym.$('Risk11').draggable();
    sym.getSymbol('Risk11').$("Risk11").bind('click tap',function(ev) {
         sym.$('Risk11').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk11').draggable('enable');
    sym.$('Risk12').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk12").stop("Initial");
      sym.setVariable("symName","Risk12");
    //adding for Risk12 similarly add for other symbols
    sym.$('Risk12').draggable();
    sym.getSymbol('Risk12').$("Risk12").bind('click tap',function(ev) {
         sym.$('Risk12').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk12').draggable('enable');
    sym.$('Risk13').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk13").stop("Initial");
      sym.setVariable("symName","Risk13");
    //adding for Risk13 similarly add for other symbols
    sym.$('Risk13').draggable();
    sym.getSymbol('Risk13').$("Risk13").bind('click tap',function(ev) {
         sym.$('Risk13').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk13').draggable('enable');
    sym.$('Risk14').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk14").stop("Initial");
      sym.setVariable("symName","Risk14");
    //adding for Risk14 similarly add for other symbols
    sym.$('Risk14').draggable();
    sym.getSymbol('Risk14').$("Risk14").bind('click tap',function(ev) {
         sym.$('Risk14').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk14').draggable('enable');
    sym.$('Risk15').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk15").stop("Initial");
      sym.setVariable("symName","Risk15");
    //adding for Risk15 similarly add for other symbols
    sym.$('Risk15').draggable();
    sym.getSymbol('Risk15').$("Risk15").bind('click tap',function(ev) {
         sym.$('Risk15').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk15').draggable('enable');
    sym.$('Risk16').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk16").stop("Initial");
      sym.setVariable("symName","Risk16");
    //adding for Risk16 similarly add for other symbols
    sym.$('Risk16').draggable();
    sym.getSymbol('Risk16').$("Risk16").bind('click tap',function(ev) {
         sym.$('Risk16').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk16').draggable('enable');
    sym.getSymbol("Drop").$('Outer').droppable(
    sym.getSymbol("Drop").$('Middle').droppable(
    sym.getSymbol("Drop").$('Target').droppable(
    sym.$('resetBtn').click(function(){
      sym.$('Quadrant_text').html('Quadrant');
      sym.$('Quadrant1_text').html('Quadrant');
      sym.$('Quadrant2_text').html('Quadrant');
      sym.$('Quadrant3_text').html('Quadrant');
    for (i=0;i<risk.length;i++){
      sym.$(risk[i]).css({"left":Pos[i].x,"top":Pos[i].y,"position":"absolute"})
      sym.getSymbol(risk[i]).stop(0);
      sym.getSymbol(risk[i]).$(risk[i]).html("Challenge");
    But is still doesn't work,
    Subject: Re:  Pls Help! Drag and Drop problem, identical symbols acting differently - same code! WHY?

  • Has any one found a fix for the iOS 5 WI FI dropping problem?

    I own an iPhone 4 and when I upgraded to iOS 5.1.1 it began dropping the WI FI connection randomly, usually after only a few minutes of inactivity.  The only solution is to re-start my router and it works fine for a while then drops the connection.  I am certain the problem is not with the iPhone hardware.  It must be a bug in iOS 5.1.1.
    I have been an apple user since the beginning and I have owned just about every model of Mac, I hope Apple will address this issue soon, as I can not imagine any way end users can fix the problem.  For the record;  my iPhone is factory fresh and not hacked in any way.
    Thank you in advance for any assistance...

    I'm not aware of any wifi drop problem, which leads me to believe that your router is the problem (or your wifi carrier).  Have you had problems using wifi at a public location, like a coffee shop or any store that provides free wifi?

  • IE7 Float drop frustration

    > This message is in MIME format. Since your mail reader
    does not understand
    this format, some or all of this message may not be legible.
    --B_3318594685_1003681
    Content-type: text/plain;
    charset="ISO-8859-1"
    Content-transfer-encoding: 8bit
    Hi all
    I've just put a website live at www.burrbaxter.co.uk and it
    looks fine in
    all browsers except IE7 under XP where it exhibits the Float
    Drop bug. It
    drops the nav bar down into the title below it.
    Can anyone help me correct this as I¹ve followed the
    Three Pixel Text Jog
    and making the container DIV wide enough both to no avail.
    I¹m stumped here.
    Is there anything else I can try or correct?
    Cheers
    Garry
    --B_3318594685_1003681
    Content-type: text/html;
    charset="ISO-8859-1"
    Content-transfer-encoding: quoted-printable
    <HTML>
    <HEAD>
    <TITLE>IE7 Float drop frustration</TITLE>
    </HEAD>
    <BODY>
    <FONT FACE=3D"Calibri, Verdana, Helvetica,
    Arial"><SPAN STYLE=3D'font-size:11pt=
    '>Hi all<BR>
    I've just put a website live at www.burrbaxter.co.uk and it
    looks fine in a=
    ll browsers except IE7 under XP where it exhibits the Float
    Drop bug. It dro=
    ps the nav bar down into the title below it.<BR>
    <BR>
    Can anyone help me correct this as I&#8217;ve followed
    the Three Pixel Text=
    Jog and making the container DIV wide enough both to no
    avail. I&#8217;m st=
    umped here. Is there anything else I can try or
    correct?<BR>
    <BR>
    Cheers<BR>
    Garry</SPAN></FONT>
    </BODY>
    </HTML>
    --B_3318594685_1003681--

    Much appreciated Joe, I'll look to cleaning it up and
    streamlining it as you
    mentioned.
    On 27/02/2009 4:39 pm, in article
    [email protected], "Joe
    Makowiec"
    <[email protected]> wrote:
    > On 27 Feb 2009 in macromedia.dreamweaver, Garry Bradley
    wrote:
    >
    >> I've just put a website live at www.burrbaxter.co.uk
    and it looks
    >> fine in all browsers except IE7 under XP where it
    exhibits the Float
    >> Drop bug. It drops the nav bar down into the title
    below it.
    >>
    >> Can anyone help me correct this as Iûve
    followed the Three Pixel
    >> Text Jog and making the container DIV wide enough
    both to no avail.
    >> Iûm stumped here. Is there anything else I can
    try or correct?
    >
    > Nice look. Looking at the code: you seem to be suffering
    from
    > div-itis (the proliferation of <div>s because you
    can). And there are
    > a lot of validation errors:
    >
    >
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.burrbaxter.co.uk%
    > 2F
    >
    > (BTW, no float drop in IE6, but the header breaks up
    into multiple lines.)
    >
    > Try a simpler structure, like this:
    >
    > <style type="text/css">
    > #outerWrapper {
    > background-color: #fff;
    > margin: 0 auto 0 auto; /* Sets the margin properties for
    an element using
    > shorthand notation (top, right, bottom, left) */
    > text-align: left; /* Redefines the text alignment
    defined by the body element.
    > */
    > width: 978px;
    > }
    > #header {
    > height : 177px ;
    > }
    > #leftColumn {
    > float : left ;
    > width : 340px ;
    > }
    > #rightColumn {
    > float : left ;
    > padding : 10px ;
    > }
    > #footer {
    > clear : both ;
    > }
    > </style>
    >
    > <body>
    > <div id="outerWrapper">
    > <div id="header">
    > <h1>Header goes here</h1>
    > </div>
    > <div id="bodyWrapper">
    > <div id="leftColumn">
    > <h2>Left Column</h2>
    > </div>
    > <div id="rightColumn">
    > <h2>Right Column</h2>
    > </div>
    > </div>
    > <div id="footer">Footer</div>
    > </div>
    > </body>
    >
    > Some offhand suggestions:
    > - Put all your header images into a single image
    > -- You may also want to add the address on top of the
    page into the
    > graphic - it will prevent those resizing text from
    breaking the
    > layout.
    > - Put your top navigation into an ordered list, and use
    text. Project
    > Seven has some good tutorials on how to do this:
    >
    http://projectseven.com/tutorials/navigation/index.htm
    > - Externalize your javascript and CSS. There are several
    reasons:
    > -- It makes your page code cleaner and much more
    readable, making it
    > easier to edit and troubleshoot after the fact.
    > -- Browsers cache external CSS and JS files, so the
    first page will
    > take whatever time to download; however, subsequent
    pages which use
    > the same files will load that much quicker.
    >
    > In the 'you didn't ask, but...' department:
    > - Lose the clock. It takes up a lot of bandwidth with
    its javascript,
    > and adds no functionality that I don't already have
    available. (At
    > the moment, wall clock, wristwatch and computer clock;
    the one on
    > the website is more than redundant.)
    > - The history of the building is interesting; however,
    it could use
    > some cleaning up.

Maybe you are looking for

  • Some doubts in Workflow

    HI Gurus , I have some  doubt in workflow basically I know how to use them but i don't know what is functionality , could you plz explain me , else suggest me 1. why we have to do delegation , what happens at run time if we don't do delegation 2. Wha

  • Copying a page from one application to another

    Is it possible to copy a page definition to a different application? When choosing "Copy' on the page definition the application# is hard-coded.

  • Can i stream amazon prime to apple tv

    Can I stream Amazon Prime using Apple TV?

  • Can't Get Group Wiki to Work

    Ok, I have everything setup according to the docs and still can't get the group wiki to work. - OD Master - Web Services for the domain, Group Wiki checked on - Group applied to Wiki - Group granted Wiki access in WGM for this domain So, I navigate t

  • Add new fields to selection screen for standard billing dule list in CRM

    Hi , I have one issue with standard  program ,tcode is /BEA/IPMI01. SUB: Adding  few new fields like IP  to selection screen AND few fields to output list. As this is a standard program (tcode: /bea/ipmi01) , i searched for BADI,EXITS but couldn't .