Note that there are some explanatory texts on larger screens.

plurals
  1. POWhen the css overflow is set on my content, the div slides down
    primarykey
    data
    text
    <p>I've got the following html</p> <pre><code>&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Title&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8" &gt; &lt;meta http-equiv="Content-Language" content="de" /&gt; &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="mainframe"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href='news.shtml'&gt;&lt;img src='tastenews.jpg' alt='News'/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='demo.shtml'&gt;&lt;img src='tastedemos.jpg' alt='Demos'/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='index.shtml'&gt;&lt;img src='tastehome.jpg' alt='home'/&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="content"&gt; &lt;h1&gt;News&lt;/h1&gt; &lt;div class="news"&gt; &lt;p class="date"&gt;10. April 2011&lt;/p&gt; &lt;p&gt; First News &lt;/p&gt; &lt;/div&gt; &lt;div class="news"&gt; &lt;p class="date"&gt;09. Feb. 2011&lt;/p&gt; &lt;p&gt; Second News &lt;/p&gt; &lt;/div&gt; &lt;!-- etc... --&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>With the following style:</p> <pre><code>body { background-color:black; text-align:center; margin:50px 0px; padding:0px; font-family: Arial, Helvetica, sans-serif; } #mainframe { width:940px; margin:0px auto; text-align:left; padding:15px; } #content { position: relative; top: 0; background-image:url('hintergrund.jpg'); height:491px; width:800px; overflow:auto; } .news .date { font-weight:bold; float:left; width:150px; } ul { float:right; list-style:none; margin:1px; } img { border:0; } </code></pre> <p>If the content of the content div exceed the 491px height, the it is pushed down under the level of the last menu button. Why does it do so, and how can I correct it? I've tested with Firefox and Safari under MAC OS X.</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.
    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