Databases
StackOverflow2013
Postsdbo
POBox div doesn't expand to 100% width, but to width of an inner div child
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBox div doesn't expand to 100% width, but to width of an inner div child
    primarykey
    data
    text
    <p>I seem to have the following CSS issue only in Firefox 3.0, Firefox 3.6. With newer versions of Firefox, like 3.6.6 for example, my layout works fine.</p> <p><img src="https://i.stack.imgur.com/ci0rg.png" alt="enter image description here"></p> <p>Unfortunatelly, I can't upload a full screenshot. Here is the code:</p> <pre><code>#header { width:100%; } #header div.container { width:980px; margin:0 auto; } #presentation { width:100%; background:red; } #presentation div.bg { background-image:url(../images/img.png) no-repeat center top; } #presentation div.container { width:980px; margin:0 auto; } &lt;div id="presentation"&gt; &lt;div class="bg"&gt; &lt;div class="container"&gt; [content here] &lt;/div&gt;&lt;!-- end .container --&gt; &lt;/div&gt;&lt;!-- end .bg --&gt; &lt;/div&gt;&lt;!-- end #presentation --&gt; </code></pre> <p>FF3.0 cuts my background image found in div.bg to the width of div.container, altought its parent div, #presentation is set at 100% and only its children div has the width of 980px. (no logical reason why my background image is set to 980px)</p> <p>This seems to be only in FF. Chrome, IE, etc. displays my background image with no problem and it doesn't cut anything.</p> <p>I've tried: width:100%, height:100%, min-width, min-height to both the #presentation div, #presentation div.bg, overflow:hidden, html > #presentation, clearing div after #presentation or it's inner children.</p> <p>Mostly everything I could find on the Internet so far.</p> <p>My HTML document validates with XHTML Strict mostly, except a few errors that I'm required to make (a div inside a UL) - errors that aren't inside the #presentation div.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USLightness Races in Orbit
    1. USLee
    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. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COWe need some HTML too. Have you tried to analyze `#presentation.innerHTML`? Maybe it's a parser issue.
      singulars
      1. POBox div doesn't expand to 100% width, but to width of an inner div child
      1. USuser123444555621
    2. COHello. I've updated my previous post with the HTML code for #presentation.
      singulars
      1. POBox div doesn't expand to 100% width, but to width of an inner div child
      1. USLee
    3. COPlease, no need for tags and thanks in your questions.
      singulars
      1. POBox div doesn't expand to 100% width, but to width of an inner div child
      1. USLightness Races in Orbit
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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