Div tag looks different from mac to pc?

I have a very simple page with a background image as a CSS style (centered).  I added a Div tag on the top and built a form inside of the div tag.  The div tag is set to absolute positioning and looks great in dreamweaver and the pc.  I tested it on my mac and the whole div/form moves all the way to the left side of the screen.  I appreciate any help.

Try this code instead of what you have now.
<!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>Harley-Davidson Police Survey</title>
<style type="text/css">
/**zero out browser defaults**/
* {margin:0; padding: 0; line-height: 1}
body {
background: silver;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
#wrapper{
background: #000 url(http://www.hdpolicesurvey.com/images/purl_background.jpg) no-repeat;
width: 780px;
margin:0 auto; /**centered on screen**/
text-align:left;
color: #fff;
#form {
margin-left: 235px;
width:500px;
font-size: 12px;
padding-top: 120px;
/**Text Styles**/
p {
line-height: 1.5;
margin-top: 1.5em;
margin-bottom: 1em;
</style>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="_mmServerScripts/XMPJS.ashx?XMPJavaScript=Tracking"></script>
<script language="JavaScript" type="text/javascript"> /* Track Current Page Visits */
var obj = new Object(); obj.type = "Page Visit"; XMP_TrackThis(obj, "HarleyPURL", "Page Visit", "Page Visit");
</script>
</head>
<body>
<div id="wrapper">
<div id="form">
<form name="form2" method="POST" action="landing.aspx?rid=testPURL&amp;XMPieOrgBaseURL=http%3a%2f%2fwww.hdpolicesurvey.com%2f" id="form2">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTIzMzY3MzEzNQ9kFgQCBQ8VAQpIYXJsZXlQVVJMZAIGD2QWAmYPFQoDTXMuB01lbGFuaWUIU2hlZmNoaWsWVGV1dGViZXJnIEluY29ycG9yYXRlZAw0MTQtMjA3LTEzNTESMTIyMDAgVy4gV2lydGggU3QuCVdhdXdhdG9zYQJXSQU1MzIyMgpIYXJsZXlQVVJMZGTcAVE098MvJaXoGbNLgITf6vth/g==" />
</div>
<p>* = required fields</p>
<table width="474" border="0">
<tr>
<td valign="top">Title</td>
<td valign="top"><input name="title" type="text" id="title" value='Ms.' size="6" maxlength="6" /></td>
<td> </td>
<td colspan="2" valign="top">First*</td>
<td colspan="3"><span id="sprytextfield5">
<input name="first" type="text" id="first" value='Melanie' />
</span></td>
</tr>
<tr>
<td width="58">Last*</td>
<td width="144"><span id="sprytextfield6">
<input name="last" type="text" id="last" value='Shefchik' />
</span></td>
<td width="32"> </td>
<td width="43" colspan="2">Dept*</td>
<td width="144" colspan="3">
<input name="company" type="text" id="company" value='Teuteberg Incorporated' /></td>
</tr>
<tr>
<td>Phone*</td>
<td><span id="sprytextfield7">
<input name="phone" type="text" id="phone" value='414-207-1351' />
</span></td>
<td>  </td>
<td colspan="2">Street</td>
<td colspan="3">
<input name="street" type="text" id="street" value='12200 W. Wirth St.' /></td>
</tr>
<tr>
<td height="24">City</td>
<td><input name="city" type="text" id="city" value='Wauwatosa' /></td>
<td> </td>
<td>ST</td>
<td><input name="state" type="text" id="state" value='WI' size="6" maxlength="2" /></td>
<td> </td>
<td>ZIP</td>
<td><input name="zip" type="text" id="zip" value='53222' size="14" maxlength="10" /></td>
</tr>
</table>
<p><br />
Do you currently employ a motor unit?
<br />
<label>
<input type="radio" name="employ" value="employ_no" id="employ_1" />
yes<br />
<input type="radio" name="employ" value="employ_yes" id="employ_0" />
no</label>
</p>
<p>What brand are you currently using? (Check all that apply)<br />
<label>
<input type="checkbox" name="brand_HD" value="HD" id="brand_0" />
HD</label>
<br />
<label>
<input type="checkbox" name="brand_BMW" value="BMW" id="brand_1" />
BMW</label>
<br />
<label>
<input type="checkbox" name="brand_Honda" value="Honda" id="brand_2" />
Honda</label>
<br />
<label>
<input type="checkbox" name="brand_Kawasaki" value="Kawasaki" id="brand_3" />
Kawasaki</label>
<br />
<label>
<input type="checkbox" name="brand_Other" value="checkbox" id="brand_4" />
Other</label>
</p>
<p>Total Motorcylce Fleet Size:<br />
<label>
<input type="radio" name="fleet" value="fleet1-5" id="fleet_0" />
1-5</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet6-15" id="fleet_1" />
6-15</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet16-25" id="fleet_2" />
16-25</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet26-50" id="fleet_3" />
26-50</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet51" id="fleet_4" />
51+<br />
<br />
</label>
Do you anticipate purchasing new motorcycles in... (Check all that apply)<br />
<label>
<input type="checkbox" name="purchase_3month" value="3month" id="purchase_0" />
within 3 months</label>
<br />
<label>
<input type="checkbox" name="purchase_3to6month" value="3-6month" id="purchase_1" />
3 - 6 months</label>
<br />
<label>
<input type="checkbox" name="purchase_6to12month" value="6-12month" id="purchase_2" />
6 - 12 months</label>
<label><br />
<input type="checkbox" name="purchase_1yearmore" value="1year" id="purchase_3" />
1 year or more</label>
<br />
</p>
<p>
<label>        Would you like someone from H-D to contact
you regarding our
2010 products?<br />
<input type="radio" name="contact" value="contact_yes" id="contact_0" />
yes</label>
<br />
<label>
<input type="radio" name="contact" value="contact_no" id="contact_1" />
no<br />
<br />
Would you like to receive a H-D Police motorcycle catalog?<br />
<input type="radio" name="receive" value="receive_yes" id="receive_0" />
yes</label>
<br />
<label>
<input type="radio" name="receive" value="receive_no" id="receive_1" />
no</label>
</p>
<p>
<input onmouseup='XMP_TrackThis(this, "HarleyPURL", "Button", "Performed Action");' type="submit" name="submit" id="submit" value="Submit" />
<label>      </label>
<label>      </label>
<br />
<br />
<br />
<br />
<br />
</p>
<input type="hidden" name="XMP_SetNewAdors" value="form2" />
</form>
</div>  <!--end #form -->
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7");
//-->
</script>
</div> 
<!--end #wrapper -->
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

  • Why do my Organizer & Editor pages look different from those in books and the brochure that came?

    Why do my Organizer and Editor screens look different from the ones in books and in the brochure that came with installation cd?

    Which version of the photoshop elements are you using.
    You can get the help files of the latest version of photoshop elements 11 from the following link:
    http://helpx.adobe.com/photoshop-elements.html
    Thanks
    Harshit yadav

  • Layout Looks Different from Dreamweaver to Email?

    I am currently using Adobe Dreamweaver CS5 to create emails for my work. Last month I started having an issue where the 3 columns I have in the template would look even in Dreamweaver, but when I sent a test email to myself they looked completely off. This past week I have encountered another issue where the cellpadding of the email looks different from Dreamweaver to email. I am new to HTML and coding so it could just be me, but is anyone having a similar problem and if so, is there a way to fix it?

    Nancy-O posted this recently.  You might find it helpful.
    Martin
    http://alt-web.com/Articles/HTML-Emails.shtml
    Achieving consistent results across email clients is not as straightforward as it should be!

  • My firefox home page looks different from your tutorial

    I am trying to learn to use firefox. Sometimes the firefox home page looks different from the one in your tutorial. Fox example, now I am looking above and the "plus sign" symbol to add a new tab is not there. Please advise me. Thank you.

    You can find the New Tab button showing as a '+' on the Tab bar.
    You can open the Customize window and drag the New Tab button that shows as a plus sign (+) from the Tab bar on another toolbar and it will become a regular toolbar button like the New Tab button that you have in Firefox 3 versions.
    If you can't find the New Tab button then click the "Restore Default Set" button in the Customize window.
    *http://kb.mozillazine.org/Corrupt_localstore.rdf
    If you want the New Tab button at the far right end of the Tab bar then place a flexible space to the left of it.
    * New tab toolbar button: https://addons.mozilla.org/firefox/addon/new-tab-toolbar-button/

  • HT5930 Why does my Aperture v3.5.i look different from the one shown in the online videos

    Why does my Aperture v3.5.i look different from the one shown in the online videos

    Are you asking about the colorful icons in the video?
    The video must have been done with an Aperture version 3.2.4 or earlier. Since Aperture 3.3 are the icons drab and gray - the Aperture 3.3 Release Notes are calling this:
    Newly designed monochrome source list and toolbar icons.
    The Release notes will tell you, what has changed since then:
    http://support.apple.com/kb/TS2518
    --Léonie

  • Page that is uploaded to the server looks different from the preview in Dreamweaver browser

    Hi, I have a couple of questions.  Does anyone happen to know why my homepage looks different in Dreamweaver when I preview in browser then it does when I upload the page onto the server?  http://www.iewaterkeeper.org/  I see a join our mailing list button is intact when I preview in browser but is no where to be found when I view the uploaded page from the server.  Other weird things have been going on with Dreamweaver today like I wasn't able to absolute position a div tag in it's intended place and all the typography on my homepage looks very blurry in Dreamweaver but looks clearer when it's uploaded to the server.  Does anyone know what's going on?  Any help would be greatly appreciated.  .... Could it be a virus?

    That's so weird because I'm looking at the code in Dreamweaver and line 181 has a closing </body>.   Here's the code straight from Dreamweaver: 
    <!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>Inland Empire Waterkeeper</title>
    <link href="_css/styles.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body,td,th {
        color: #999999;
        font-family: Verdana, Geneva, sans-serif;
    body {
        background-color: #FFFFFF;
        color: #D6D6D6;
        background-image: url(_images/background_1255hompage.png);
        background-repeat: repeat-x;
        margin: auto;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    </style>
    </head>
    <body>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="container">
      <div class="header"><img src="_images/banner1.jpg" alt="Inland Empire Waterkeeper" width="933" height="300" /></div>
      <div class="menubar">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="index.html" class="MenuBarItemSubmenu">Home</a>
            <ul>
              <li><a href="mission.html" class="MenuBarItemSubmenu">About Us</a>
                <ul>
                  <li><a href="mission.html">Our Mission</a></li>
                  <li><a href="history.html">Our History</a></li>
                  <li><a href="community.html">Our Community</a></li>
                </ul>
              </li>
              <li><a href="staff.html" class="MenuBarItemSubmenu">Our Team</a>
                <ul>
                  <li><a href="staff.html">Staff</a></li>
                  <li><a href="supporters.html">Supporters</a></li>
                  <li><a href="advisoryboard.html">Advisory Board</a></li>
                </ul>
              </li>
              <li><a href="coastkeeper.html">Coastkeeper</a></li>
            </ul>
          </li>
          <li><a href="projects.html" class="MenuBarItemSubmenu">What We Do</a>
            <ul>
              <li><a href="advocacy.html" class="MenuBarItemSubmenu">Programs</a>
                <ul>
                  <li><a href="advocacy.html">Advocacy</a></li>
                  <li><a href="education.html">Education</a></li>
                  <li><a href="research.html">Research</a></li>
                  <li><a href="restoration.html">Restoration</a></li>
                  <li><a href="enforcement.html">Enforcement</a></li>
                </ul>
              </li>
              <li><a href="projects.html">Projects</a></li>
              <li><a href="datareports.html">Data &amp; Reports</a></li>
            </ul>
          </li>
          <li><a href="volunteer.html" class="MenuBarItemSubmenu">Get Involved</a>
            <ul>
              <li><a href="volunteer.html">Volunteer</a></li>
              <li><a href="employment.html">Employment</a></li>
              <li><a href="events.html">Events &amp; Meetings</a></li>
              <li><a href="donate.html">Donate</a></li>
            </ul>
          </li>
          <li><a href="pressreleases.html" class="MenuBarItemSubmenu">News Room</a>
            <ul>
              <li><a href="pressrelease.html">In the News and Press Releases</a></li>
              <li><a href="legislation.html">Legislative Updates</a></li>
              <li><a href="waternews.html">Water in the News</a></li>
            </ul>
          </li>
          <li><a href="reportpollution.html" class="MenuBarItemSubmenu">Resources</a>
            <ul>
              <li><a href="watershed.html" class="MenuBarItemSubmenu">Information</a>
                <ul>
                  <li><a href="watershed.html">Our Watershed</a></li>
                  <li><a href="reportpollution.html">Report Pollution</a></li>
                </ul>
              </li>
              <li><a href="photos.html">Photo Gallery</a></li>
            </ul>
          </li>
          <li><a href="contact.html">Contact Us</a></li>
        </ul>
      </div>
        <div class="missionstatement"><img src="_images/mssionstatement.gif" alt="Inland Empire Waterkeeper" width="933" height="110" /></div>
    <div class="space1"><img src="_images/bar_left.png" alt="Inland Empire Waterkeeper" width="20" height="315" /></div>
    <div class="facebook">
          <div class="facebooktop">
          <img src="_images/facebooktop.gif" width="106" height="125" alt="Inland Empire Waterkeeper" /></div>
        <div class="facebookmailinglist">
        <div class="fb-like" data-href="http://www.iewaterkeeper.org/" data-send="true" data-width="106" data-show-faces="false"></div>
    <!-- BEGIN: Constant Contact Standard Email List Button -->
    <div align="center">
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_tl_gray.gif" width="6" height="6" alt=""></td>
    <td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_top_gray.gif"> </td>
    <td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_tr_gray.gif" width="6" height="6" alt=""></td>
    </tr>
    <tr>
    <td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_left_gray.gif"></td>
    <td bgcolor="#cccccc"><a href="http://visitor.r20.constantcontact.com/d.jsp?llr=wejp69bab&p=oi&m=1101488694422" target="_blank" style="text-decoration:none; font-weight: bold;  font-family:Arial; font-size:10px; color:#336666;">Join Our Email List</a></td>
    <td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_right_gray.gif"></td>
    </tr>
    <tr>
    <td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bl_gray.gif" width="6" height="6" alt=""></td>
    <td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_bottom_gray.gif"> </td>
    <td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_br_gray.gif" width="6" height="6" alt=""></td>
    </tr>
    </table>
    </div>
    <!-- END: Constant Contact Standard Email List Button -->
        </div>   
        <div class="space2"><img src="_images/bar_right.png" width="21" height="315" alt="Inland Empire Waterkeeper" /></div>
       <div class="video"><iframe width="560" height="315" src="http://www.youtube.com/embed/3OU8D8kBjWg" frameborder="0" allowfullscreen></iframe></div>
        <div class="space3"></div>
        <div class="photospace1"></div>
        <div class="photo1"><a href="_images/kayaking_6lg.png"><img src="_images/kayaking_6.jpg" alt="Inland Empire Waterkeeper" width="176" height="95" /></a></div>
        <div class="photospace2"></div>
        <div class="photo2"><a href="_images/riverkat_57lg.png"><img src="_images/riverkat_57.jpg" width="176" height="95" alt="Inland Empire Waterkeeper" /></a></div>
        <div class="photospace3"></div>
        <div class="photo3"><a href="_images/riverkat_172lg.png"><img src="_images/riverkat_172.jpg" width="176" height="95" alt="Inland Empire Waterkeeper" /></a></div>
        <div class="photospace4"></div>
        <div class="space4"></div>
      <div class="pillars"><img src="_images/pillars_grey.jpg" alt="Inland Empire Waterkeeper Pillars" width="933" height="400" border="0" usemap="#Map" />
        <map name="Map" id="Map">
          <area shape="rect" coords="77,54,297,198" href="advocacy.html" alt="Inland Empire Waterkeeper Advocacy" />
          <area shape="rect" coords="361,51,584,195" href="education.html" alt="Inland Empire Waterkeeper Education" />
          <area shape="rect" coords="636,54,858,196" href="research.html" alt="Inland Empire Waterkeeper Research" />
          <area shape="rect" coords="212,220,430,352" href="restoration.html" alt="Inland Empire Waterkeeper Restoration" />
          <area shape="rect" coords="502,222,726,364" href="enforcement.html" alt="Inland Empire Waterkeeper Enforcement" />
        </map>
      </div>
      <div class="footer"><img src="_images/footer2.png" width="933" height="100" alt="Inland Empire Waterkeeper" /></div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

  • Published site looks different on mac and pc?

    having (finally) published my site, why do the fonts and layout look different on my mac to my husbnad's pc? v odd???

    because different browsers interpret CSS files indifferent ways and because fonts that are installed on your mac may not necessarily be installed on your husbands pc. It is a common gripe of web designers (not just those using iWeb) that margins and padding (for example) are all read differently by IE than by FF.

  • Margins, div tags displaying differently on different monitors CS3 DW

    I am working on a class website on three, maybe four computers all running DS3.  My work computer is a 17" 4:3 ratio monitor running at, maybe 1280 - 1024.  The page in DESIGN view displays fine, and looks fine in IE and Firefox.  My class computer is a 19" 4:3 ratio monitor running the same resolution, and it looks fine.
    My home computer is a 24" monitor running 1900 x 1200  16:9  widescreen ratio resolution. And what looks good at school and work goes to pot at home. All the div tags shift around, margins, screw up in Design view but look okay in IE or Firefox when I preview them.  What is up?  Is there a setting I've missed. If it helps, know that I am NOT using AP divs or AP  -- I want the pages to float center.   Thanks in advance.
    W!

    Thanks for your concern regarding the class instructor!
    The instructor was very clear about what the course would not cover --- DIVs, behaviors, Sprys, templates, etc.  It covers DW commands, tables, formatting, linking, posting sites to the web, and beginning flash.  In fact, the final project is only supposed to be 1 landing page and two supporting pages. And to be fair, it's one of those classes where you've got people like myself with previous exposure to HTML combined with folks who don't know how to use Windows Explorer to navigate to a directory. .  .
    Before taking the class, I had purchased one of those TOTAL TRAINING DVD instruction sets -- DW instructor Janine Warner did the two disc instruction set and did a really good job explaining the difference between regular divs and AP divs.  Which is why I'm not using AP divs right now.  I wasn't able to control spacing or formatting the way I wanted using tables, so I decided to use DIVs instead.   Building a Nav Bar using "Insert -- Nav Bar" didn't provide submenus and the graphics I created for rollovers took to long to load (even though I took pains to create small graphic buttons in Photoshop as 3 KB gifs), I was pointed in the director of Spry widgets, etc.  My class instructor is good enough to say, "We're not doing that in this class. But why don't you research. . ."
    I think it's all good.  I appreciate having this forum as a resource.

  • APPLE Id differs from mac to iphone ... i did not do this.

    I have been reading about the issues folks have with apple id. i cannot download from the app store because since last visit to GENIUS bar my iphone apple id differs from my mac, iCloud etc. The app store wont recognize my id password. i am frustrated and cant change the iphone id. how can i get iphone apple id same as mac like it was for years before my last visit to genius bar? it wont take my password -- because it isnt the correct id.

    Umm can you give us exact details here? What does it say in details when you try?

  • Why is it that iTunes looks different from all other apps again?

    This might be a rather irrelevant question, yet I wonder: Why is it that iTunes doesn't look like the majority of other Apple apps? I guess it's mainly the scrolls bars and the check boxes. Not that I don't like the way iTunes look, I'm just curious why it has to look different when one of Leopard's goals was to make a more unified interface.
    Can anyone enlighten me or is this something that only Apple knows?

    "Besides, not all of us run Leapard, so wouldn't making iTunes look like leapard make it look different on all our systems that don't use leapard?"
    That's a point But what I meant by that was that in Tiger there are many different kinds of windows where Apple in Leopard has tried to stick to just one. And that's why I think it's so weird that iTunes has to differ from all the rest.

  • Firefox fonts look different from Chromiums

    Hi, my Firefox fonts look different than the ones Chromium uses:
    Left is Firefox, right is chrome. As you can see, the placement of characters is somewhat different.
    This is NOT the issue mentioned on the Firefox Wiki page, at least it is not fixed with the fontconfig.
    What happens here?
    Thank you,
    Jan Oliver

    I have "serif" , "sans serif" and "monospace" in the selections, "serif" being the default.
    I applied the fix from here, and it did smoothen the fonts, but the letter placing is still bad as in the screenshot.

  • HELP! Dreamweaver layout looks different from Live site

    I decided to upload what I have so for this website I am working on for a friend. For some reason its not looking the way its suppose to. Much help is greatly appreciated.
    shizzycouture.com
    Im not sure what to change since it looks good through dreamweaver. I am currently using the latest version of firefox

    Yes, Im sure it is on the server. There was nothing on the server till I uploaded it. I am currently running DreamWeaver CS4 as well.
    This is the code from index.html file in DreamWeaver:
    <!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">
    <!--
    body  {
         font: 100% Verdana, Arial, Helvetica, sans-serif;
         background: #666666;
         margin: 5; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
         padding: 0;
         text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
         color: #000000;
         background-color: #FFE6FF;
    .twoColLiqLtHdr #container {
         width: 55%;  /* this will create a container 80% of the browser width */
         background: #FFFFFF;
         margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
         border: 1px solid #000000;
         text-align: left; /* this overrides the text-align: center on the body element. */
    .twoColLiqLtHdr #header {
         background: #FFFFFF;
         padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
         text-align: center;
    .twoColLiqLtHdr #header h1 {
         margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
         padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .twoColLiqLtHdr #header2 {
         background: #FFFFFF;
         padding: 0 2px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
         text-align: center;
    /* Tips for sidebar1:
    1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
    2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
    3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
    .twoColLiqLtHdr #sidebar1 {
         float: left;
         width: 18%; /* since this element is floated, a width must be given */
         background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
         padding: 15px 0; /* top and bottom padding create visual space within this div  */
    .twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
         margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
         margin-right: 10px;
    /* Tips for mainContent:
    1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
    2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
    3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
    .twoColLiqLtHdr #mainContent {
         margin-top: 0;
         margin-right: 10%;
         margin-bottom: 0;
         margin-left: 20%;
    .twoColLiqLtHdr #footer {
         padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
         background:#FFFFFF;
    .twoColLiqLtHdr #footer p {
         margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
         padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
         float: left;
         margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
         clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .paypal {
         float:left;
         margin-top: 60px;
         margin-bottom: 0px;
    -->
    </style><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]--></head>
    <body class="twoColLiqLtHdr">
    <div id="container">
      <div id="header">
        <div class="paypal" id="paypal"><!-- Begin Official PayPal Seal --><!-- End Official PayPal Seal --></div>
        <span class="paypal"><a href="https://www.paypal.com/us/verified/[email protected]" target="_blank"><img src="images/Logo_Paypal.jpg" alt="Official PayPal Seal" border="0" /><br />
        </a><strong>We Accept PayPal</strong></span><br /><img src="images/logotest.JPG" width="600" height="290" />
    </div>
      <div id="header2"><hr /><img src="images/links/home.gif" width="100" height="52" /><img src="images/links/aboutus.gif" width="100" height="52" /><img src="images/links/contactus.gif" width="100" height="52" /><img src="images/links/shipping.gif" width="100" height="52" /><img src="images/links/sizing.gif" width="100" height="50" /><hr /></div>
      <div id="sidebar1">
      <p><a href="bellybands.html"><center><img src="images/bellybands.gif" width="124" height="122" border="0" align="middle" /></center></a></p>
    <p><a href="dresses.html"><center><img src="images/dresses.gif" width="124" height="122" border="0" /></center></a></p>
    <p><a href="diapers.html"><center><img src="images/diapers.gif" width="124" height="122" border="0" /></center></a></p>
    <p><a href="leashes.html"><center><img src="images/leashes.gif" width="124" height="122" border="0" /></center></a></p>
    <p><a href="hats.html"><center><img src="images/hats.gif" width="124" height="122" border="0" /></center></a></p>
    <p><a href="costumes.html"><center><img src="images/costumes.JPG" width="124" height="122" border="0" /></center></a></p>
    <a href="harnesses.html"><center><img src="images/harnesses.gif" width="124" height="122" border="0" /></center></a>
      </div><center>
      <p><strong><em>Our Line of Products</em></strong></p>
      <table width="600" border="0" cellpadding="2" cellspacing="2">
        <tr>
          <td align="center"><p><strong>Belly Bands</strong></p>
          <p><a href="bellybands.html"><img src="images/bellybands/belllybandssmall.jpg" width="200" height="149" border="0" /></a></p></td>
          <td align="center"><p><strong>Dresses</strong></p>
          <p><img src="images/dresses/lefemme fatalesmall.jpg" width="200" height="166" /></p></td>
          <td align="center"><p><strong>Diapers</strong></p>
          <p><img src="images/diapers/paws01bsmall.jpg" width="200" height="165" /></p></td>
        </tr>
        <tr>
          <td align="center"><p><strong>Costumes</strong></p>
          <p><img src="images/costumes/poppy fairysmall.jpg" width="200" height="165" /></p></td>
          <td align="center"><p><strong>Harnesses</strong></p>
          <p><img src="images/harnesses/reversible 01small.jpg" width="200" height="147" /></p></td>
          <td align="center"><p><strong>Leashes</strong></p>
          <p>Coming Soon</p></td>
        </tr>
        <tr>
          <td align="center"><p><strong>Hats</strong></p>
          <p>Coming Soon</p></td>
          <td align="center"><strong>More to come soon!</strong></td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr>
      </table></center>
      <p><br class="clearfloat" />
      </p>
      <div id="footer"><hr />
        <div align="center">
          <p>Shizzy Couture © 2010 All Rights Reserved </p>
        </div>
      </div>
    <!-- end #container --></div>
    </body>
    </html>

  • ICloud on phone different from Mac

    Hello,
    I am not sure how I did this, but my I Cloud on my phone is for one email address and the I Cloud on my mac (which is the one I use) is for a different one. I can't delete the account for my phone until I enter in the password (it's an old apple ID from 4 years ago) and I can't renew the password since every time I try to, Apple reverts back to my other Apple ID email. Suggestions?
    Thanks!

    You can't turn on iCloud on your iPhone through a MacBook. You can't control the iPhone with a Mac

  • Flash movie looks different in mac vs pc

    I built a flash movie to display products. There are 3 different key frames. Two of them look the same on both mac and pc. Only one looks completely different.
    It works on IE7, IE8, Firefox, and Chrome on PC. Everything looks exactly how it should.
    I tested with Chrome, Safari, and Firefox on a Mac and it looks totall different.
    I am using swfobject.js to embed the file and I updated flash to the most recent version on both machines.
    With a windows computer, it looks like this:
    On a Mac, it looks like this:
    The two New Arrivals are encroaching on the image and there is no product name or item numbers.
    Any thoughts on why this is happening?

    Usually when a browser has an issue playing a Flash file it is due to the embedding code that is used in the html page.  Can you compare your code to another page's code to see what differences there are?  You should let Flash generate the embedding code rather than using some other software to do it if that is what you did.  Just have Flash publkish and html page, test that page in your various browsers, and if it works, copy/paste that code in place of what you have now.

  • How Can I Change One Page to Look Different From The Rest of My Pages?

    Hi, my website uses a CSS page with a dark background and white type. But I have one page I need to have a white background and light grey type on. I am not sure how to do this without it changing all of my site's look which I don't want to do. I only want to change one page to have a different look. How can I do this? I am new to CSS so please try to explain how I can do this in simple terms if you can. Thanks.

    There are 3 ways to use CSS.
    External style sheet: a separate physical file that contains all your site wide rules & to which your html documents are linked.
    http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
    Embedded styles: page specific rules in the <head> section of code view.
    <head>
         <style type="text/css">
              page specific styles go here...
         </style>
    </head>
    Inline styles: CSS styles in the markup (mostly used for HTML emails and not on web sites).
         <p style="color:red">This paragraph has a red style.</p>
    In order of importance, inline styles override embedded styles.  Embedded styles override external styles. 
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

Maybe you are looking for