<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="https://www.webmaster-forums.net/crss/node/1034396" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title></title>
    <link>https://www.webmaster-forums.net/crss/node/1034396</link>
    <description></description>
    <language>en</language>
          <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/div-restrict#comment-1199956</link>
    <description> &lt;p&gt;Long links especially will always overlap the CSS div, example the link Megan gave above over laps the div, the code JeevesBond gave overlaps the div.&lt;br /&gt;
On a fixed layout the only real way is to use smaller font size or scroll it for long links, div&#039;s within div&#039;s need to be set within the parents dimensions&lt;/p&gt;
 </description>
     <pubDate>Tue, 16 May 2006 21:49:02 +0000</pubDate>
 <dc:creator>Busy</dc:creator>
 <guid isPermaLink="false">comment 1199956 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/div-restrict#comment-1199936</link>
    <description> &lt;p&gt;It sounds like you haven&#039;t set the width of the div in your CSS. For instance, if you have this DIV:&lt;br /&gt;
&lt;div class=&quot;codeblock&quot;&gt;&lt;code&gt;&amp;lt;div id=&amp;quot;header&amp;quot;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ... content ...&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/div&gt;&lt;br /&gt;
then, in your CSS you could have:&lt;br /&gt;
&lt;div class=&quot;codeblock&quot;&gt;&lt;code&gt;#header {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 10em;&lt;br /&gt;}&lt;/code&gt;&lt;/div&gt;&#039;&lt;br /&gt;
That should cause the text to wrap when it reaches a width of 10em (em is a related to character size, if you design using em your layouts will change according to how big or little the user has their font size set to). If you&#039;re a little mystified/uncomfortable with em you can start with px or % until you feel ready to experiment.&lt;/p&gt;
&lt;p&gt;If you&#039;re still unsure then do as Megan suggested: Post a link and we&#039;ll have a look. &lt;img src=&quot;https://www.webmaster-forums.net/misc/smileys/smile.png&quot; title=&quot;Smiling&quot; alt=&quot;Smiling&quot; class=&quot;smiley-content&quot; /&gt;&lt;/p&gt;
 </description>
     <pubDate>Tue, 16 May 2006 18:51:05 +0000</pubDate>
 <dc:creator>JeevesBond</dc:creator>
 <guid isPermaLink="false">comment 1199936 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/div-restrict#comment-1199910</link>
    <description> &lt;p&gt;This do&#039;s it.&lt;/p&gt;
&lt;p&gt;          Text&lt;/p&gt;
 </description>
     <pubDate>Tue, 16 May 2006 15:47:39 +0000</pubDate>
 <dc:creator>steve40</dc:creator>
 <guid isPermaLink="false">comment 1199910 at https://www.webmaster-forums.net</guid>
  </item>
  <item>
    <title></title>
    <link>https://www.webmaster-forums.net/html-css-and-javascript/div-restrict#comment-1199906</link>
    <description> &lt;p&gt;What do you mean the text is longer than the div? How are you specifying the size of the div? If you put up a link to what you&#039;ve got it might be easier to help.&lt;/p&gt;
&lt;p&gt;You could also look at the overflow property:&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.w3schools.com/css/css_reference.asp#positioning&quot; class=&quot;bb-url&quot;&gt;http://www.w3schools.com/css/css_reference.asp#positioning&lt;/a&gt;&lt;/p&gt;
 </description>
     <pubDate>Tue, 16 May 2006 15:03:05 +0000</pubDate>
 <dc:creator>Megan</dc:creator>
 <guid isPermaLink="false">comment 1199906 at https://www.webmaster-forums.net</guid>
  </item>
  </channel>
</rss>
