Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS DIV doesn't resize its height
    primarykey
    data
    text
    <p>I can't put this to work like it should, I'm not that good with CSS, I need you help! </p> <p>I have a page like this:</p> <pre><code>&lt;html&gt; &lt;head&gt;&lt;title&gt;title&lt;/title&gt;&lt;/head&gt; &lt;body&gt; &lt;div id="page"&gt; &lt;div id="container"&gt; &lt;div id="head"&gt;&lt;img src="..." alt="..." /&gt;&lt;/div&gt; &lt;div id="content"&gt; &lt;div id="menu"&gt;&lt;ul&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt; &lt;div id="content_body"&gt;stuff here&lt;/div&gt; &lt;/div&gt; &lt;div id="footer"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>OK. My container div have a background color, I want that, as long as my text inside the content_body div expand, the background of the container div would expand too, but it is keeping a fixied height (it's just expanding the logo image height), and my text in the menu and content_body div is out of the background.</p> <p>My CSS:</p> <pre><code>body { font-family: Tahoma, Verdana, Arial, Times New Roman; background-color: #333333; background-image: url(Images/bg.png); background-repeat: repeat-x; color: #000000; margin: 0px; } input { font-family: Tahoma, Verdana, Arial, Times New Roman; font-weight: bold; } h2 { text-decoration: underline; font-style: italic; } #page { width: 100%; } #container { overflow: visible; width: 780px; border: solid 6px #FFFFFF; background-color: #DCDCCD; margin: 0 auto; margin-top: 15px; } #content { clear: both; } #menu { width: 240px; display: block; float: left; } #content_body { width: 500px; display: block; float: right; } </code></pre> <p>What I'm doing wrong?</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.
 

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