Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS Overflow Firefox issue
    primarykey
    data
    text
    <p>I am trying to write a CSS in which when the user writes text and it overflows instead of having a scrollbar or hiding, it just goes down like in a normal Word Document or so. I have this code:</p> <pre><code>#content-text { width: 960px; padding-left: 10px; padding-right:10px; text-align: left; color:#000; height:100%; margin-left: 25px; margin-right:25px; } </code></pre> <p>The odd thing, is that while this code actually does what I want in IE in Firefox it overflows and becomes a scrollbar. I've tried overflow:auto; overflow:hidden; and overflow:inherit; just to see if any helped but no luck so far, and I honestly have no idea of why is this happening in Firefox, =/ would any of you know?</p> <hr> <p>Update: I tried with overflow:visible; but I just get the overflow...well visible but still it doesn't wraps. and ONLY in Firefox so far. =/</p> <hr> <p>Update: The only other thing that could be affecting is that I have another CSS code and the first is contained:</p> <pre><code>#content-title{ background-color: transparent; background-image: url(../img/content-title-body.png); background-repeat: repeat-y; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; height:auto; position:absolute; z-index :100; /* ensure the content-title is on top of navigation area */ width:1026px;/*1050px*/ margin: 160px 100px 5px 100px; overflow: visible; top: 55px; } </code></pre> <p>and the HTML that uses this is:</p> <pre><code>&lt;div id="content-title"&gt; &lt;div id="content-text"&gt; Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!&lt;p&gt;Hola!Hola!Hola!Hola!Hola!Hola!&lt;p&gt;Hola!Hola!Hola!Hola!&lt;p&gt;Hola!Hola!Hola!Hola!&lt;p&gt;Hola!Hola!Hola!&lt;p&gt;Hola!Hola!Hola!Hola!&lt;p&gt;Hola!Hola! &lt;/div&gt; &lt;/div&gt; </code></pre>
    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.
 

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