4 Replies Latest reply on Jul 9, 2014 3:09 PM by Nancy OShea

    How do you edit the size of the background? My website's left and right side have way too much on each side?

    benh10

       

      Welcome to North American Assembly

      North American Assembly is a customer driven ISO/TS 16949 certified company providing prototype and production plastic welding, assembly & testing to a variety of industries. In business since 1998, we pride ourselvewith an impeccable quality record, extremely low employee turnover, low overhead and truly understand the importance of program deadlines regardless of the circumstances. With all programs, we get involved upfront and aide engineering in the design and process to optimize and benefit both parties.

      Production Services

      Specializing in assembly is our strong point.  Although there are many suppliers that claim they offer assembly services, and do, as well as their core business of molding or stamping, no supplier can match the expertise and quality that we can provide.

      Prototype Services

      Prototype assembly is often overlooked in the learning process for production. We specialize in working with the customer up front in the prototype stage to foresee production assembly problems, improve products and provide engineering solutions for part design and processing issues.

            

      Option

      If you are in need of a working prototype part  and have a tight time table, Complete Prototype can assist you with our rapid prototype  abilities.

          

      Our Mission

      Quality is priority to every circumstance at North American Assembly.  In a world where  99.99% is not acceptable today, we are committed to 100% quality in our products and services to our customers.  We believe quality begins with our management's commitment to our employees, and that our people provide the power for 100% quality.

        
              
        • 1. Re: How do you edit the size of the background? My website's left and right side have way too much on each side?
          Nancy OShea Adobe Community Professional & MVP

          It's not clear from the scant information you've provided exactly what you're going for.  My guess, without seeing your HTML & CSS code, is that you have a centered web page layout.  And your background image doesn't fill the available viewport.   Maybe you're looking for something like this?

          Resizable Full Page Background Image

           

           

          Nancy O.

          • 2. Re: How do you edit the size of the background? My website's left and right side have way too much on each side?
            benh10 Level 1

            sorry about that

            here is my html

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

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

             

             

            <head>

             

             

             

             

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

            <title>North American Assembly</title>

            <meta name="description" content="Complete Prototype are experts in rapid prototyping services and low volume production. Please contact us at 586-469-9155 or visit our website and request a quote.">

            <meta name="keywords" content="Prototype, Prototyping, Michigan, Automotive, design, engineering, assembly, casting, injection molding, laser processing, cnc machining, low volume production, metal forming, patterns, models, quality control, Clinton Township">

             

             

             

             

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

             

             

            <style type="text/css">

            <!--

            .style1 {font-size: 200%}

            .style5 {font-size: 95%}

            body,td,th {

              font-family: Garamond, Arial, Helvetica, sans-serif;

            }

            body {

            background: #000 url(images/img03.jpg) no-repeat center center fixed;

            /**for Safari,Chrome**/

            -webkit-background-size: cover;

            /**for Firefox**/

            -moz-background-size: cover;

            /**for Opera**/

            -o-background-size: cover;

            /**for other browsers**/

            background-size: cover;

            }

            -->

            </style>

             

             

            </head>

            <body>

             

             

            <div id="header">

            </div>

            <div id="logo">

            </div>

            <div id="menu">

              <ul>

              <li class="first"><a href="index-2.html" accesskey="H" title="">Home</a></li>

              <li><a href="about.html" accesskey="A" title="">About Us</a></li>

              <li><a href="services.html" accesskey="P" title="">Services</a></li>

              <li><a href="facilities.html" accesskey="S" title="">Facilities</a></li>

                    <li><a href="employment.html" accesskey="V" title="">Current Customers</a></li>

              <li><a href="contact.html" accesskey="U" title="">Contact Us</a></li>

                   

              </ul>

            </div>

            <div id="page">

              <div id="content">

              <div id="welcome">

              <h1 class="style1">Welcome to North American Assembly</h1>

              <p>

            North American Assembly is a customer driven ISO/TS 16949 certified company providing prototype and production plastic welding, assembly & testing to a variety of industries.

             

            In business since 1998, we pride ourselvewith an impeccable quality record, extremely low employee turnover, low overhead and truly understand the importance of program deadlines regardless of the circumstances.

             

            With all programs, we get involved upfront and aide engineering in the design and process to optimize and benefit both parties.

            </p>

               </div>

            <div class="floating-box" style="margin-right: 10px;">

              <p><img src="images/image34.png" alt="" title="METAL STAMPING" width="150" height="180"></p>

               <h2 class="title">Production Services</h2>

               <p>Specializing in assembly is our strong point.  Although there are many suppliers that claim they offer assembly services, and do, as well as their core business of molding or stamping, no supplier can match the expertise and quality that we can provide.</p>

               </div>

              <div class="floating-box" style="margin-right: 10px;">

              <p><img src="images/fc_cnc.jpg" alt="" title="PLASTIC MOLDING" width="150" height="180"></p>

               <h2 class="title">Prototype Services</h2>

              <p>Prototype assembly is often overlooked in the learning process for production. We specialize in working with the customer up front in the prototype stage to foresee production assembly problems, improve products and provide engineering solutions for part design and processing issues.</p>

               </div>

                    <div class="floating-box">

              <p><img src="images/fc_sla.jpg" alt="" title="RAPID PROTOTYPING" width="150" height="180"></p>

              <h2 class="title">Option</h2>

              <p>If you are in need of a working prototype part  and have a tight time table, Complete Prototype can assist you with our rapid prototype  abilities.</p>

               </div>

                 

             

              </div>

              <!-- end #content -->

              <div id="sidebar">

              <div id="links">

              <ul>

              <li><span class="style5"><a href="engineering.html">Option 1 </a></span></li>

                            <li class="style5"><a href="rapid-prototyping.html">Option 2</a></li>

                            <li class="style5"><a href="cnc.html">Option 3</a></li>

                            <li class="style5"><a href="sheetmetal.html">Option 4</a></li>

              <li class="style5"><a href="injection-molding.html">Option 5</a></li>

                            <li class="style5"><a href="blow-molding.html">Option 6</a></li>

                            <li class="style5"><a href="reaction-molding.html">Option 7</a></li>

                            <li class="style5"><a href="thermoforming.html">Option 8</a></li>

                            <li class="style5"><a href="compression-molding.html">Option 9</a></li>

                            <li class="style5"><a href="fixtures-gauges.html">Option 10</a></li>

                            <li class="style5"><a href="assembly.html">Option 11</a></li>

                            <li><span class="style5"><a href="quality.html">Option 12</a></span></li>

              </ul>

               </div>

              <div>

              <h2>Our Mission</h2>

              <blockquote>

              <p>Quality is priority to every circumstance at North American Assembly.  In a world where  99.99% is not acceptable today, we are committed to 100% quality in our products and services to our customers.  We believe quality begins with our management's commitment to our employees, and that our people provide the power for 100% quality. </p>

              </blockquote>

                </div>

                   

              </div>

              <!-- end #sidebar -->

              <div style="clear: both; height: 1px; border-color: #0A3E8A; border-spacing: 0px 0px; margin-right: 58px; position: static; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;"></div>

            </div>

            <!-- end #page -->

            <div id="footer">

              <div class="wrapper">

              <p class="links">© 2014 North American Assembly | Tel (248)-335-6702| Fax (248)-335-6948  | 4325 Giddings Road| Auburn Hills, MI 48326 USA</p>

              </div>

            </div>

            </body>

             

             

            </html>

             

            and my css

            /*

            Design by Free CSS Templates

            http://www.freecsstemplates.org

            Released for free under a Creative Commons Attribution 2.5 License

            */

             

             

            * {

              margin: 0;

              padding: 0;

            }

             

             

            .style5 {font-size: 95%}

             

             

            #header {

              width: 760px;

              height: 155px;

              margin: 0 auto;

              background: #09316e url(images/fc_logo_2.png) no-repeat;

            }

             

             

            body {

              background: #E3E3E6 url(images/img01_temp_2.jpg) repeat-x;

              font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;

              color: #88888A;

            }

             

             

            h1, h2, h3 {

              color: #313131;

            }

             

             

            h1 {

              margin-bottom: .5em;

              font-size: 182%;

              font-weight: normal;

              letter-spacing: -2px;

            }

             

             

            h2 {

              margin-bottom: .5em;

              font-size: 136%;

              font-weight: normal;

              letter-spacing: -1px;

            }

             

             

            h3 {

              font-size: 100%;

              font-weight: bold;

            }

             

             

            p, blockquote, ol, ul {

              margin-bottom: 1em;

              text-align: justify;

              line-height: 100%;

              font-size: 100%;

            }

             

             

            blockquote {

              margin-left: 2em;

            }

             

             

            ol {

              margin-left: 2em;

            }

             

             

            ul {

              list-style: none;

            }

             

             

            ul li {

              padding-left: 1em;

              background: url(images/img07.gif) no-repeat left center;

            }

             

             

            a {

              text-decoration: none;

              color: #313131;

            }

             

             

            a:hover {

              text-decoration: underline;

              color: #0b3e8a;

            }

             

             

            /* Menu */

             

             

            #menu {

              width: 740px;

              height: 40px;

              margin: 0 auto;

              border-left: 20px solid #09316e;

              background: #FFFFFF;

            }

             

             

            #menu ul {

              margin: 0;

              padding: 0;

              list-style: none;

            }

             

             

            #menu li {

              padding: 0;

              display: inline;

              background: none;

            }

             

             

            #menu a {

              display: block;

              float: left;

              height: 30px;

              padding: 10px 20px 0px 20px;

              font-size: 97%;

              font-weight: bold;

            }

             

             

            #menu a:hover {

              background: #09316e;

              text-decoration: none;

              color: #FFFFFF;

            }

             

             

            #menu b {

              text-decoration: underline;

            }

             

             

            /* Logo */

             

             

            #logo {

              width: 760px;

              height: 220px;

              margin: 0 auto;

              background: #010100 url(images/fc_main.png)

            }

             

             

            #logo-aboutus {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-aboutus.png)

            }

             

             

            #logo-services {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-services.png)

            }

             

             

            #logo-data {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-data.png)

            }

             

             

            #logo-cnc {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-cnc.png)

            }

             

             

            #logo-assem {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-assem.png)

            }

             

             

            #logo-sheetmetal {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-sheetmetal.png)

            }

             

             

            #logo-rapid {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-rapid.png)

            }

             

             

            #logo-quality {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-quality.png)

            }

             

             

            #logo-fixture {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-fixture.png)

            }

             

             

            #logo-lost {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-lost.png)

            }

             

             

            #logo-compression {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-compression.png)

            }

             

             

            #logo-injection {

              width: 760px;

              height: 180px;

              margin: 0 auto;

              background: #010100 url(images/fc_main-injection.png)

            }

             

             

            #logo h1 {

              margin: 0;

              padding: 120px 0 0 0;

              text-align: right;

              letter-spacing: -1px;

              font-size: 189%;

            }

             

             

            #logo h2 {

              margin: 0;

              padding: 0 0 0 0;

              text-align: right;

              letter-spacing: -1px;

              font-size: 100%;

              font-weight: bold;

              font-style: italic;

            }

             

             

            #logo a {

              text-decoration: none;

              color: #FFFFFF;

            }

             

             

            /* Page */

             

             

            #page {

              width: 760px;

              margin: 0 auto;

              background: url(images/img03.jpg) repeat-y;

            }

             

             

            /* Content */

             

             

            #content {

              float: left;

              width: 500px;

              padding: 20px 30px 20px 50px;

            }

             

             

            #welcome {

              margin-bottom: 20px;

              padding-bottom: 1px;

              background: url(images/img04.gif) repeat-x left bottom;

              color: #000;

            }

             

             

            .floating-box {

              float: left;

              width: 160px;

            }

             

             

            .floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {

              line-height: 100%;

              font-size: 92%;

              text-align: left;

            }

             

             

            .floating-box img {

              border: 5px solid #FFFFFF;

            }

             

             

            /* Sidebar */

             

             

            #sidebar {

              float: right;

              width: 140px;

              padding: 20px;

            }

             

             

            #sidebar blockquote {

              margin-left: 0;

              padding-left: 1em;

              background: url(images/img09.gif) no-repeat right bottom;

              border-left: 5px solid #0b3e8a;

            }

             

             

            #sidebar blockquote p {

              text-align: left;

              line-height: normal;

              font-style: italic;

            }

             

             

            #links {

            }

             

             

            #links ul {

              background: url(images/img04.gif) repeat-x left bottom;

            }

             

             

            #links li {

              padding: 5px 0;

              background: url(images/img04.gif) repeat-x left top;

            }

             

             

            #links a {

              padding-left: 1em;

              background: url(images/img08.jpg) no-repeat left center;

              color: #0b3e8a;

            }

             

             

            /* Footer */

             

             

            #footer {

              height: 43px;

            }

             

             

            #footer .wrapper {

              width: 760px;

              margin: 0 auto;

            }

             

             

            #footer .links {

              float: left;

              width: 680px;

              height: 27px;

              padding: 16px 30px 0 30px;

              background: #09316e;

              border-left: 20px solid #09316e;

              font-size: 85%;

            }

            • 3. Re: How do you edit the size of the background? My website's left and right side have way too much on each side?
              Jon Fritz II Adobe Community Professional & MVP

              Posting a link to your webpage here, along with an explanation of what you'd like to see, compared to what you have happening, may lead to a better answer if Nancy's link doesn't help.

              • 4. Re: How do you edit the size of the background? My website's left and right side have way too much on each side?
                Nancy OShea Adobe Community Professional & MVP

                What's the URL to your site online?

                What exactly do you want to see that isn't happening?

                 

                 

                 

                Nancy O.