Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I am sooooooo sorry. I got side-tracked looking at a content div down further on the page and totally lost focus on your true problem. I hope a simple solution to your original problem will help you forgive me.</p> <pre class="lang-css prettyprint-override"><code>#header_bar { background: rgba(44, 44, 44, 0.75); height: 36px; margin: 0 auto; min-width: 960px; } </code></pre> <p>That <code>min-width: 960px;</code> (the <code>960px</code> is 960 pixels which is the same width as the rest of the primary content of the page) means that the <code>&lt;div&gt;</code> with <code>id="header_bar"</code> can not be any smaller than <code>960px</code> which makes it fit with the rest of your content even if someone views on a super low resolution, resizes the browser window or zooms in really far.</p> <p>Again, so sorry for totally screwing that one up, but on a side note, I believe I could give you some pointers on a few things if you are interested. Just for example, you seem to overuse <code>&lt;div&gt;</code>'s and <code>&lt;span&gt;</code>'s in your page. Those two elements are not exclusive to receiving some of the styling which you have applied to them and the child elements in some cases or the parent elements of those elements could receive the style and you could eliminate those elements entirely.</p> <p>If you want more detailed explanation on the tips and hints and such, I love playing sounding board for ideas and discussing programming/development and I think I could show you a few things I've learned over the years that would help you.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

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