StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I also noticed that your menu bar was not lining up within your header, I do not have 10 reputation points yet so I cannot share the image file of how your page look in my browser Chrome Version: 26.0.1410.63. If you would like that image please feel free to email me and I will send to you.</p> <p>Making the assumption that you were trying to mimic the mock-up site that you referenced in your initial post. I believe you should make the following adjustments to section of your css code that addresses your menu bar. What you provided: </p> <pre><code>ul.mn { position: absolute; float: left; top: 316px; width: 978px; margin: 0; padding:0; list-style-type: none; } </code></pre> <p>What I am proposing:</p> <pre><code>ul.mn { position: absolute; float: left; top: 316px; width: 850px; margin: 0 auto 0 10px; padding:0; list-style-type: none;} </code></pre> <p>Notice that I changed the width to reflect the width as dictated by the combined widths of each of your defined button divs to 850px from 978px, then I proposed that instead of setting all of the margins to 0 that you make the top 0, the right auto, bottom 0, and the left 10px (because from what I perceive from your mock-up the left side of the menu is to line up with the left side of the logo). Making those changes I was able to get your menu bar to sit nicely at the base of your header div. </p> <p>Please keep, at least me, informed on your progress. I am always looking to share ideas and learn how other approach problems. I believe it makes us all that much more intelligent.</p> <p>Best of luck, Steve</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload