title: Placing divs dynamically onto page
body: <p>I am currently working on placing two divs below a header image but am having issues with it.  Here is a picture of what I want it to look like.</p>
  
  <p><img src="https://i.stack.imgur.com/SPhYp.jpg" alt="enter image description here"></p>
  
  <p>As you can see, I managed to get the Office with a combo box, and a link to the right hand edge of the header image.  The two are wrapped up in divs to separate them.  Below is the html.</p>
  
  <pre><code>&lt;div style="width: 1000px; background-position:center;"&gt;
                  &lt;div id="divOfficeWrapper" style="float:right"&gt;
                      &lt;% Html.RenderPartial("~/Views/Shared/OfficeSelector.ascx"); %&gt;
                  &lt;/div&gt;
                  &lt;div style="float: right; margin-right: -335px;"&gt;
                      &lt;%
                          Html.DevExpress().HyperLink(hpr =&gt;
                              {
                                  hpr.Name = "hprGreetings";
                                  hpr.NavigateUrl = Url.Action("Index", "UserProfile", new { Area = "mySCCVUE" });
                                  hpr.Properties.Text = string.Format("Welcome, {0}", Session["UserFullName"]);
                                  hpr.Style.Add("font-style", "italic");
                                  hpr.Style.Add("font-weight", "bold");
                                  hpr.Style.Add("font-size", "9pt");
                                  hpr.Style.Add("color", "white");
                                  hpr.Style.Add("font-family", "Helvetica");
                                  hpr.Style.Add("text-decoration", "underline");
                              }).Render();    
                       %&gt;                    
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>The problem is obviously browser size.  I modeled this to be off my development box, however, when I demoed, the divs containing office and the link moved towards the center.  One piece of info I learned is the header image is 1000px in width.</p>
  
  <p>I'm somewhat at a loss on how to get them to size correctly and would appreciate any direction.</p>