Help: AP Div Shifts All Over The Place

I created a form inside of an AP Div. I place the Div on the page on top of the background graphic without a problem. But when I preview it in IE, the div and its contents shifts over off the page. When I preview it in Firefox, it shifts in the other direction off the page. What gives?

Try this (changes in bold) - and apDiv4 will move relative to the wrapper div.
<!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>Contact Me</title>
<style type="text/css">
body {
background-color: #6D2812;
#wrapper {
  position: relative;
  width: 640px;
  margin: 0 auto;
.maintext {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
.pattietip {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #000;
#apDiv4 {
position:absolute;
width:492px;
height:181px;
z-index:1;
left: 239px; /* adjust to suit */
top: 208px; /* adjust to suit */
</style>
</head>
<body>
<div id="wrapper">
  <div id="apDiv4">
    <table width="463" height="190" border="0" cellpadding="2">
      <tr>
        <td width="79" class="pattietip">Name:</td>
        <td width="266"><form id="form1" name="form1" method="post" action="">
          <input name="Name" type="text" class="maintext" id="Name" size="30" />
        </form></td>
        <td width="98"> </td>
      </tr>
      <tr>
        <td class="pattietip">Phone:</td>
        <td><form id="form4" name="form4" method="post" action="">
          <input name="Phone" type="text" class="maintext" id="Phone" size="30" />
        </form></td>
        <td> </td>
      </tr>
      <tr>
        <td class="pattietip">Email:</td>
        <td><form id="form5" name="form5" method="post" action="">
          <input name="Email" type="text" class="maintext" id="Email" size="30" />
        </form></td>
        <td> </td>
      </tr>
      <tr>
        <td class="pattietip">Occasion</td>
        <td><form id="form2" name="form2" method="post" action="">
          <select name="Occasion" class="maintext" id="Occasion">
            <option selected="selected">Pick one</option>
            <option>Birthday</option>
            <option>Anniversary</option>
            <option>Graduation</option>
            <option>Holiday</option>
            <option>Other (please enter below)</option>
          </select>
        </form></td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td><form id="form3" name="form3" method="post" action="">
          <textarea name="Info" cols="45" rows="5" class="maintext" id="Info"></textarea>
        </form></td>
        <td><form id="form6" name="form6" method="post" action="">
          <input type="submit" name="Submit" id="Submit" value="Submit" />
        </form></td>
      </tr>
    </table>
  </div>
  <img src="contact.jpg" width="640" height="480" border="0" usemap="#Map" />
  <map name="Map" id="Map">
    <area shape="rect" coords="132,410,203,433" href="occasions.html" />
    <area shape="rect" coords="223,408,340,431" href="flavors.html" />
    <area shape="rect" coords="362,408,447,432" href="album.html" />
    <area shape="rect" coords="6,10,369,64" href="index.html" />
  </map>
</div>
</body>
</html>

Similar Messages

  • Some of the CD's I upload onto my iMac get scattered all over the place, please can anyone help?

    Hello, please can someone help me? When I upload some CD's the tracks get scatterred all over the place, do you know if there's a cure?

    Take a look at this article:
    http://samsoft.org.uk/iTunes/grouping.asp
    Regards.

  • How come my links layout go all over the place in different browsers?

    Hello,
    Please go to <http://www.peterdanko.com/errr.png> and see the screen shot of the page I am having difficulty with in the  design view.  Note the links: INSTALLATIONS, BELT COLORS, FINISHING, PRICING are neatly centered with the text body above and in a single line.
    Now view <http://www.peterdanko.com/atmos.html>  Note they are now stacked and randomly placed.  In different browsers they are all over the place.
    How can I keep them neat and tidy in all browsers?
    Thanks
    PETER

    Below is the complete html code/css re-written for the 'product-wrapper' section. (scroll down). Not sure if this is of help or not. I think you need to take some time to learn some more html/css as the way youre going about it at the moment must be a complete nightmare for you. Copy the code below, (scroll down) paste into a new Dreamweaver document and save to your site folder. View in browser.
    You need to simplify your way of working instead of creating a <div> for each of your page elements, which must be a headache to keep track of???
    Example: Instead of putting your header 'Atmos Seating Group' in it's own individual <div> use a more meaningfull html tag like a header tag, <h2>Atmos Seating Group</h2>
    Then use some css to target the <h2>. We know the <h2> tag is in the 'right_tx_bx_400pxWd' <div> so write it as below:
    right_tx_bx_400pxWd h2 {
    text-align: center;
    margin: 15px 0;
    font-size: 20px;
    font-weight: normal;
    color: #999;
    Similarly instead of inserting the main wording in its own <div> use a paragraph tag, <p></p> it's more meaningful. Then target the paragraph tag:
    #right_tx_bx_400pxWd p {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    Get the point. We only have to keep track of one <div> not several and we can target tags in that <div> more cleanly and effectively.
    Try and keep all off your css together i.e. so all the 'right_tx_bx_400pxWd' css is kept together so its easy to find in the stylesheet intead of scrolling up and down.
    Don't use heights on <divs> unless you know how high it will be and you won't know that unless it just contains images or you set a specific height for a scroll bar.
    BELOW IS THE CODE:
    <!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>Untitled Document</title>
    <style type="text/css">
    #product_wrapper {
    width: 932px;
    margin: 0 auto;
    overflow: hidden;
    #left_image_column {
    float: left;
    width: 512px;
    #right_tx_bx_400pxWd {
    float: left;
    width: 400px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 20px;
    display: inline;
    #right_tx_bx_400pxWd h2 {
    text-align: center;
    margin: 15px 0;
    font-size: 20px;
    font-weight: normal;
    color: #999;
    #right_tx_bx_400pxWd p {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    #right_tx_bx_400pxWd h3 {
    text-align: center;
    margin: 15px 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    #right_tx_bx_400pxWd ul {
    margin: 0;
    padding: 0;
    text-align: center;
    #right_tx_bx_400pxWd li {
    text-align: center;
    font-size: 13px;
    margin: 0 0 3px 0;
    font-style: italic;
    color: #CCC;
    /* footer links */
    #four_text_link_box {
    clear: both;
    width: 400px;
    padding: 20px 0 0 0;
    #four_text_link_box ul {
    margin: 0;
    padding: 0;
    #four_text_link_box li {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
    #right_tx_bx_400pxWd #four_text_link_box a {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999;
    text-decoration: underline;
    display: block;
    width: 100px;
    text-align: center;
    font-style: normal;
    /* end footer links */
    </style>
    </head>
    <body>
    <div id="product_wrapper">
    <div id="left_image_column"><img src="atmos_images/atmos_lounge_blk_belt.jpg" alt="Atmos lounge" name="at_lounge" width="512" height="400" id="at_lounge" /></div>
    <div id="right_tx_bx_400pxWd">
    <h2>Atmos Seating Group</h2>
    <p>The Atmos chairs are the essence of OMG design.  They are comfortable. They evolve the Shaker esthetic of spare/elegant utility into the eco-modernist sensibility:  The straps are post industrially sourced automotive seat belt material, the “ears” at the top of the backs acknowledge our natural world, and though strong, its lightweight structure uses minimal material.  The contrasting splines on the rocker and lounge chairs celebrate craftsmanship. Wood is American Ash sourced from FSC certified forests; adhesives and finishes are water based.  Suitable for residential and designed for contract applications.</p>
    <h3>OMG characteristics:</h3>
    <ul>
    <li>use of post-industrial belting as substitute for the more problematic  use of foam as cushion material fabric</li>
    <li>low carbon footprint.</li>
    <li>ply-bent construction</li>
    <li>evokes the enchantment of an eco centric style</li>
    </ul>
    <div id="four_text_link_box">
    <ul>
    <li><a href="at_installs.html">Installations</a></li>
    <li><a href="#" onclick="MM_openBrWindow('images/belt_samples.gif','belts','scrollbar s=yes,resizable=yes,width=300,height=100')">Belt Colors</a></li>
    <li><a href="#" onclick="MM_openBrWindow('images/wood_finishes.gif','finishes','scrol lbars=yes,resizable=yes,width=600,height=175')">Finishes</a></li>
    <li><a href="#" onclick="MM_openBrWindow('_danko_2010pricelist/at_prices.gif','','scr ollbars=yes,resizable=yes,width=400,height=500')">Pricing</a></li>
    </ul>
    </div><!-- end four_text_link_box -->
    </div><!-- end right_tx_bx_400pxWd -->
      <div id="bottom_rule">
          <p> </p>
          <p> </p>
        </div>
        <div id="product_box"></div>
    </div><!-- end product_wrapper -->
    </body>
    </html>.

  • How to get rid of duplicate addresses all over the place?

    Duplicate addresses appears all over the places: on my mac (in the mail program) and in my ios devices.
    I suspect that it occurs during some synchronisation activities but how to get rid of this once and for all?
    Thanks for your help. It helps also if some tell me that I am not alone in that kind of trouble

    iCloud- Resolving duplicate Contacts after setting up iCloud Contacts

  • My fonts are all over the place, how do I get them back?

    Recently some of pages I view in Firefox have the text scattered all over the place and makes them impossible to understand. How do I get them back to normal? I am using a 2 x 2.8Ghz Quad Core Intel Xeon Mac, 12GB RAM running OSX 10.9.5 and Firefox 37.0.1. I have attached a screen shot of my Facebook Page to try and help explain my dilemma. Regards, Mal

    You can check for corrupted and duplicate fonts and other font issues:
    *http://www.thexlab.com/faqs/multipleappsquit.html - Font Book 2.0 Help: Checking for damaged fonts
    *http://www.creativetechs.com/iq/garbled_fonts_troubleshooting_guide.html
    You can try to disable hardware acceleration in Firefox.
    *Firefox > Preferences > Advanced > General > Browsing: "Use hardware acceleration when available"
    You need to close and restart Firefox after toggling this setting.
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    *https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
    *Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
    *Do NOT click the Reset button on the Safe Mode start window
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

  • It is a suggestion on Adobe Dreamweaver:  Could you change the setting of the page or template; to a free platform?  example; move: images, tables and other elements all over the place covering the page. in order to facilitate the user in the design envir

    It is a suggestion on Adobe Dreamweaver:
    Could you change the setting of the page or template; to a free platform?
    example; move: images, tables and other elements all over the place covering the page. in order to facilitate the user in the design environment.
    free
    Thank you for your attention

    Adobe has been trying this and the product is called Muse ( Web design software | Download free Adobe Muse CC trial ).  It doesn't give you the control over the code that most developers prefer but it could help bridge the gap for design if that is what you are looking for.

  • When in organizer how do I keep my cursor from jumping all over the place?

    When I am working in Organizer 12, My cursor jumps all over the place and the screen keeps repositioning itself.  It is infurating and I can't get any work done. New desktop iMac using Marevick 10.9.1  and wireless mouse and track pad both slowed to lowest level.  Also tried using a tethered mouse but no different.  Anyone else have this problem.  Is it an Apple problem?

    Is it a 'Magic Mouse'? If so that's why, there are many reports that it is badly behaved in the Elements Organizer. If not, do you have another mouse you could try it with (to rule out a hardware problem)?
    Cheers,
    Neale
    Insanity is hereditary, you get it from your children
    If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

  • My iPhone 5 has really sporadic battery percentage that jumps all over the place and every so often the phone turns off

    Hi guys!
    I'm having trouble with my iphone 5, the battery percentage jumps all over the place. It will be down at 14% and then I plug the charger in and it jumps to 50%, it jumps around without me plugging the charger in. Today it actually turned off twice and had the red icon to plug it in and when I plugged it in it had turned straight on and was at 27%.
    Any ideas what could be causing this? Its really annoying because when I'm out I'm not really able to rely on the battery indicator being correct.
    Any help would be greatly appreciated :)
    Russell

    Hi Boris,
    That sounds really similar! I'm not sure what to so about it, I bought a mobile battery pack to charge my phone while I'm on the go as this seems to make the percentage instantly jump back up again. If I don't get any ideas on here ill probably take it in to an apple store and see if I get any joy there. I'll let u know the outcome if I do go to a store, maybe I can at least buy one at a reduced rate or something. I got my iphone 5 on the day of release so I'm outside warranty too :(

  • Symbols all over the place!!

    Hi there,
    Have a problem with symbols appearing all over websites, it started with my hotmail getting corrupted (doesn't affect functionality) but when I open up websites I get what I think is Marlett font all over the place (just noticed it where 'header' should be on this page!). The font list has Marlett missing and just a string of symbols instead. Also I've tried downloading 4 seperate anti-virus programmes and I can't open any of them.
    There doesn't appear to be any help on Google for this problem on a Mac so - any suggestions? I'm just a button-pressing monkey so any solution which needs anything more technical than a kick I might be struggling!
    Cheers
    Jon

    Which browser are you using?
    You may want to try a different browser, just for the sake of seeing if it's caused by the browser itself, or by something else.

  • Pace all over the place

    My sport kits worked great for the first 2 weeks, now it is all over the place on tracking my pace. I have recalibrated it at least 3 times. Sometimes it's right on, other times it shows me running a 20 minute mile (when my pace is closer to a 10 minute mile). last night I tried recalibrating it again. It recorded the calibration pace just fine. I kept the same pace and hit basic workout and the pace was WAY off. any thoughts?

    I posted on here a few weeks back. I had the same problem.
    Absolutely no consistency with the pace no matter what I did.
    I flatly refused to buy nike running shoes, but I used my chip inside my shoe with by carving out some of the foam so that the chip laid flat inside the shoe EXACTLY the way it would in the NIKE shoe.
    I still had no consistent result. Regardless of calibrating. Regardless of NOT calibrating. I spent hours on here looking for an answer, or help. tried many things. At the end of the day because of the lack of a reliable pace or distance, I just shelved the unit, and now it works great!
    When I posted earlier, the responses pretty much all blamed me. Operator error. This simply added to my frustration. I'm not an idiot. If it doesn't work, I shouldn't ALSO feel stupid about it. So I'm relieved when I see people on here having a similar frustration.
    I still use my nano, and love it, but now I just stick with a stopwatch...oh...and I run more frequently now, and am improving my ACTUAL time.

  • Speeds all over the place

    My speeds are all over the place tonight. Tried a HH3 restart and speedtests and downloads are varying from 3mb/s to 7mb/s. Same servers were full speed for me yesterday.

    why did you change to the hh5 if the hh4 and modem were working ok?  I would go back to the modem and either use the newer HH5 or revert back to the hh4.  see if that brings back your stable connection and if so your speed should improve
    If you like a post, or want to say thanks for a helpful answer, please click on the Ratings star on the left-hand side of the post.
    If someone answers your question correctly please let other members know by clicking on ’Mark as Accepted Solution’.

  • Icons all over the place

    Are there any permanent settings in Macbook Pro that I can apply to the icons on all my folders so they are lined up?  (By the way, I don't want this to happen to my Desktop icons)
    Everytime I open a folder, the icons are all over the place even though I went to "Keep Arranged Bar" option and fixed it.  Also, it keeps changing the Grid Spacing all the way to the max and it's extremely annoying to having to redo for every single folder.  Help would be much appreciate it.

    Hi Peter,
    Are you using any accessories with the iPhone?
    Try restoring the iPhone to rule out any issues with the iPhone software. This article: http://support.apple.com/kb/HT1414 will walk you through restoring the iPhone.
    -Jason

  • Broadband Noise All Over The Place

    Cannot seem to get this resolved after many chats with BT support.
    My noise profile used to be about 6dB with FAST path After the bad weather about 8 weeks ago, my noise profile went up to about 20dB and nw INTR.
    Ever since it's been all over the place.
    Contacted support many times - they say they will look at it and nothing happens. Keep connected, run speedtester etc.
    Had a chat with support today, who performed a rest with BT wholsale - got a fantastic connection of about 7mb. All started getting wobbly and has climbed all day back up to about 14db.
    adsl: ADSL driver and PHY status
    Status: Showtime
    Retrain Reason: 1
    Max:    Upstream rate = 996 Kbps, Downstream rate = 3904 Kbps
    Channel:        INTR, Upstream rate = 448 Kbps, Downstream rate = 3616 Kbps
    Link Power State:       L0
    Mode:                   G.DMT
    TPS-TC:                 ATM Mode
    Trellis:                ON
    Line Status:            No Defect
    Training Status:        Showtime
                    Down            Up
    SNR (dB):        14.5            17.0
    Attn(dB):        56.0            31.5
    Pwr(dBm):        18.8            12.4
                            G.dmt framing
    Thi is very frustrating - was getting a reasonably stable 4mb at 6db. Now connection keeps resetting all the time and hitting by speed.

    Have you tried the quiet line test? - dial 17070 option 2 - should hear nothing - best done with a corded phone. if cordless phone you may hear a 'dull hum' which is normal
    If you like a post, or want to say thanks for a helpful answer, please click on the Ratings star on the left-hand side of the post.
    If someone answers your question correctly please let other members know by clicking on ’Mark as Accepted Solution’.

  • Ipad bounces all over the place

    how do I stop my ipad from bouncing all over the place?

    Sorry, more information needed. Please define "bouncing all over the place". If you can be as precise as possible, someone may be able to help sort your problem

  • Screen  moves all over the place

    Out of no where my screen now moves all over the place. The width has become shorter and the height as become much larger. I have a magic mouse when I move it to the left the screen moves to the right and verse a versa. I have a early 2008 macpro 3.1, 6gb memory, 2.8 ghz and nvidia geforce 8800 gt 512mb. Does anyone have any idea of why this is happening, please help.
    Much Appreciated
    Thank You

    You have probably accidentally turned on Zoom, a feature in Universal Access. I did this to myself yesterday.
    The usual solution is to enter
    System Preferences > Universal Access ... pane and shut it off. But I found mine was not enabled, so I could not just turn it off.
    I had to enable it, use the keyboard shortcuts to zoom in and then all the way out, then shut it off. That cured it.

Maybe you are looking for