[TYPO3-english] content stays within template

[Rik Willems]

Hi Steef,

Try to add overflow: hidden or overflow: scroll to you body container.

And the underlines, hard to say from this info...

Regards,
Rik

Steef Janssen wrote:
> Finally I'm beginning to understand typo3 and it's functions better and 
> it's way out of it's league compared to the 'popular' cms systems.
> 
> Now I have the following 2 problems.
> 
> I made a css file where I specified 3 different sections. The head, the 
> menu and the body. I use images as background and I don't want the 
> content I put in using typo3 to go out of the bounds of my design.
> I added a screenshot.
> 
> The second problem is I jsut can't get rid of the underlined links.
> I think I put text-decoration: none just everywhere!
> Here's my css file.
> 
>> * {margin: 0; padding: 0;}
>> div#kop {
>> position: absolute;
>> top: 100px;
>> left: 250px;
>> height: 138px;
>> width: 750px;
>> background-image:
>> url('logo.jpg');
>> color: red;
>> text-align: center;
>> }
>> div#kop h1 {
>> margin-top: 1em;
>> }
>> div#inhoud {
>> position: absolute;
>> top: 238px;
>> left: 400px;
>> height: 400px;
>> width: 599px;
>> background: white;
>> background-image:
>> url('inhoud.jpg');
>> color: black;
>> border-right: thin solid black;
>> border-bottom: thin solid black;
>> }
>> div#inhoud p.bodytext {
>> margin-left: 1em;
>> }
>> div#menu {
>> position: absolute;
>> top: 238px;
>> left: 250px;
>> height: 400px;
>> width: 150px;
>> background: white;
>> background-image:
>> url('menu.jpg');
>> color: black;
>> border-right: medium solid white;
>> border-left: thin solid black;
>> border-bottom: thin solid black;
>> }
>> div#menu ul {
>> margin-left: 1em;
>> margin-top: 1em;
>> list-style: none;
>> font-family: Verdana, Arial, "Sans Serif";
>> font-size: 14px;
>> text-decoration: none;
>> }
>> div#menu ul li ul {
>> margin-left: .5em;
>> margin-top: 0;
>> text-decoration: none;
>> }
>> div#menu ul li a {
>> 33
>> text-decoration: none;
>> color: black;
>> }
>> div#menu ul li ul li a {
>> text-decoration: none;
>> font-size: .8em;
>> }
>> div#menu ul li a:hover {
>> font-weight: bold;
>> color: white;
>> }
>> div#menu ul li.active a {
>> font-weight: bold;
>> color: white;
>> }
>> div#menu ul li.active ul li a {
>> font-weight: normal;
>> }
>> div#menu ul li.active ul li.active a {
>> font-weight: bold;
>> }
>> div#menu ul li ul li a:hover, div#menu ul li.active ul li a:hover {
>> font-weight: bold;
>> }
> 
> Thanks in advance
> 
> 
> 
> 
> 
> ------------------------------------------------------------------------
>