Hallo Zusammen,
ich habe ein Template erstellt, Menü etc. und alles funktioniert, nur wird mein Overflow nicht umgesetzt, d.h. wenn viel Text dargestellt wird, wird das komplette Template in die Tiefe auseinandergezogen, anstatt das eine Scrollleiste erscheint, bei Überschreiten meiner max-heigt. Ich mach da seit 2 Tagen rum und kriege das Problem nicht gelöst. Gibt es vielleicht Probleme mit einigen css-Befehlen in Typo3 ???
Hat vielleicht jemand einen guten Tip ??? Komischerweise wird die Scrolleiste bei viel Text angezeigt, wenn ich das Template.html mit der main.css ohne typo3 laufen lasse.
Hier ein Schnipsel aus meiner css-Datei (.rechte_spalte_unten sowie "haupttextfeld" sind für die Formatierungen meines Textfeldes verantwortlich).Anmerkung:
...
...
.rechte_spalte_unten {
background-color: #FFF;
background-image: url();
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #525252;
margin: 0;
padding-right: 10px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 0px;
}
.rechte_spalte_unten h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin: 0;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 10px;
}
.rechte_spalte_unten h2{
font-family: Verdana;
font-weight: bold;
font-size: 24px;
color: #666666;
margin: 0;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 10px;
}
.rechte_spalte_unten p{
margin: 0;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 10px;
}
/* Formatierungen klasse "rechte_spalte_unten" Links -------------------------------------------*/
.rechte_spalte_unten a{
color: #F45C20; /* Farbe für Links*/
text-decoration: none;
}
.rechte_spalte_unten a:hover{
text-decoration: underline;
}
.....
.....
#haupttextfeld {
width: 590px;
height: 359px;
z-index: 3;
left: 10px;
top: 15px;
position: relative;
overflow: auto;
scrollbar-base-color: #525252;
scrollbar-3dlight-color: #525252;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #525252;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #666666;
scrollbar-track-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #525252;
}