Any tips on getting News content to NOT overflow into {content} area?

[Kevict]

Hi, I'm new to CMSMS and have what I think is a CSS problem.  I'm using CMSMS 1.6.8, PHP 4.4.9, MySQL 5.  I think my problem is simple but can't seem to resolve it.  Would be great to get some outside help.

The area I'm having trouble with is:

Code: Select all

<div id="content">

<div id="left">
<h3>{title}</h3>
{content}

</div>

<div id="right"> 
<!-- <h3>Submenu</h3> 
{cms_module module='menumanager' template='bulletmenu' collapse='1' template='list_children'} -->
<h3>News</h3>
{news}
</div>

<div style="clear:both;"> </div>

</div>

As you can see, the {news} smarty is contained in .  Here is the CSS for #right:

Code: Select all

#right {
width: 150px;
height: 460px;
float: right;
padding: 10px 30px 0 10px;
color: #fff;
font-weight: normal;
font-size: 11px;
background: url(uploads/images/opaque_news.png) repeat-y;
overflow-x: hidden;
overflow-y: auto;
}

From what I can tell, my CSS should be constraining the summary content pulled from {news} to the area defined by the CSS rules for #right.  But, the summary for all articles beyond the first one is still spilling over into the which displays the stuff from {content}.  Here's a screen shot of the page:


I suspect I need to make some changes to the News Template I'm using.  At present the News Template (currently the "Sample") is in it's default configuration and I'm not sure what changes to make or if this is the wrong assumption.  The version of the News Module I'm using is 2.10.4.  Suggestions, tips?

Thanks to all out there!
-Kevict

[Dr.CSS]

A link is most needed in this case, but when you give something a width and 30px of padding on left/right it adds 60px to the width...

[maranc]

Can you provide link to this site? If not - please show css style for div#content.

BTW - In summary template of news you can add example class (ex. NewsSidebar) and definied style for this class. In summary news template you can make somthing like this:

......code in template .........


Next create some rulles for class

.NewsSidebar {
font-size: ......;
color: .......;
}

Marek A.

[Kevict]

Hi and thanks for the feedback.  Here's the link to the page:  http://www.peninsulaperformance.com/ind ... age=home-3

Thanks in advance!

[Dr.CSS]

Your News summary template was customized and someone left an extra closed tag in it so your template is wack...




Oct 22, 2010



San Jose Autorama  Indoor Car show




Category: General



Posted by: sergio -->



Peninsula peromace will  be entering the Wicked 64 in modified judged class



 

[Kevict]

Thank you Dr. CSS!  Totally fixed it.  I scoured my templates a million times (but apparently still not enough).  Thanks for your additional set of expert eyes!

-a very gracious Kevict

[Dr.CSS]

You are welcome, when solved please modify first post to include [solved] so it benefit others...