Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS div expanding without content
    primarykey
    data
    text
    <p>Im currently working on a new website, and I've got a problem. I've got 2 div's next to eachother, one with content and one with a background image.</p> <p>The div with content is allready auto expanding with the content in it</p> <p>Now, the one with the background image is just for design, there is no content in it and I want it to expand automaticly with the one with content in so they both have the same height.</p> <p>Here are 2 screenshots to make my question abit more clear.</p> <p><a href="http://www.kalleload.net/uploads/nyfqzdrymbru.png" rel="nofollow">view from Photoshop</a></p> <p><a href="http://www.kalleload.net/uploads/gijopfmhpkgl.png" rel="nofollow">View from browser </a></p> <p>HTML: </p> <pre><code> &lt;div id="bubble"&gt; Stad Turnhout &lt;/div&gt; &lt;div id="date"&gt; &lt;span class="created"&gt;created&lt;/span&gt;&lt;br/&gt;&lt;span class="date"&gt;okt&lt;br/&gt;2011&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="slash"&gt; &lt;/div&gt; &lt;div class="textfield"&gt; &lt;p class="text"&gt; Text goes in here &lt;/p&gt; &lt;/div&gt; </code></pre> <p>CSS:</p> <pre><code>#slash { float:left; width:20px; height:auto; background:url(images/slash.jpg) no-repeat, url(images/socialbg.jpg) repeat;} .textfield { padding:25px; width:269px; height:auto; float:right; background:url(images/point.jpg) no-repeat, #FFF;} </code></pre> <p>I've been trying several things, and tried finding something on google, but nothing was useful. Any idea's on how I can fix this with HTML/CSS?</p> <p>Thanks</p> <p>EDIT: added my code</p>
    singulars
    1. This table or related slice is empty.
    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