Hallo,
gestern habe ich mir die neue 1.5er Version Joomla installiert. Nun zeigt es aber den Content nicht korrekt an, der geht über den Rand hinaus und ist nicht mehr richtig lesbar.
Willkommen auf der Startseite
Wie krieg ich hin das es den Text normal einpasst?
Zur Erklärung: ich habe ein Standardtemplate drauf, das ich anpassen will nach meinen Wünschen.
Ich vermute das es in den folgenden Optionen irgendwo einzustellen ist...
----
gestern habe ich mir die neue 1.5er Version Joomla installiert. Nun zeigt es aber den Content nicht korrekt an, der geht über den Rand hinaus und ist nicht mehr richtig lesbar.
Willkommen auf der Startseite
Wie krieg ich hin das es den Text normal einpasst?
Zur Erklärung: ich habe ein Standardtemplate drauf, das ich anpassen will nach meinen Wünschen.
Ich vermute das es in den folgenden Optionen irgendwo einzustellen ist...
/*layout CSS */
body {
text-align:center; /*center hack*/
min-width:1000px;
padding:0;
margin:0;
}
#wrapper {
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
}
.width_800{
max-width:780px;
width:780px;
}
.width_1024{
min-width:910px;
max-width:1000px;
width:auto !important;
width:1000px;
}
.width_fluid{
min-width:910px;
max-width:97%;
width:auto!important;
width:97%;
}
#heading{
width:100%;
position:relative;
padding:16px 0px 0px 0px;
}
#heading h1{
font-size:36px;
font-family:"Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
margin:0 0 0 27px!important;
padding:0 !important;
}
#heading h1 a{
color:#fff;
font-weight:normal;
}
#heading h1 a:hover{
text-decoration:none;
}
a#sitename1{
display:block;
width:530px; /* maximum 600px */
height:94px; /* maximum 100px */
text-indent:-2000px;
background:url(../images/logo_joomla.png) top left no-repeat;
}
----
/* CSS Document */
body{
background:#4da20f url(../images/green/bg_main.jpg) center top no-repeat;
}
#header #top .moduletable h3{
color:#a6d512;
background:url(../images/green/toph3bg.gif) no-repeat;
}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3{
background:url(../images/green/h3bg.jpg) top left no-repeat;
}
a, ul.menu a:hover, li#current a, li.parent li#current a, li#current li a:hover, #bottom li a:hover, a.mainlevel:hover, a#active_menu.mainlevel{
color:#53a31c;
}
ul.menu a:hover, li#current a, a.mainlevel:hover, a#active_menu.mainlevel{
background:url(../images/green/arrow_active.png) no-repeat;
background-position:3px 9px;
}
.middle a, h2,.contentheading{
color:#0b7db6;
}
.button{
background:#92bb02 url(../images/green/buttonbg.gif) top left repeat-x;
}
.middle ul li{
background:url(../images/green/bullet.png) no-repeat;
}
#reflection{
background:url(../images/green/reflection.jpg) top left repeat-x;
}
#reflection-l{
background:url(../images/green/reflection-l.jpg) top left no-repeat;}
#reflection-r{
background:url(../images/green/reflection-r.jpg) top right no-repeat;}
#container{
background:url(../images/green/containerbg_l.jpg) top left repeat-y;
}
#container .bgright{
background:url(../images/green/containerbg_r.jpg) top right repeat-y;
}
#header .bgleft{
background:url(../images/green/headerbg_l.jpg) top left no-repeat;
}
#header .bgright{
background:url(../images/green/headerbg_r.jpg) top right no-repeat;
}
li.parent li#current a, li#current li a:hover{
background:url(../images/green/arrow_subactive.png) no-repeat;
background-position:4px 10px;
}
#user3 ul li a:hover{
background: transparent url(../images/green/topmenu-bg.jpg) repeat-x;
background-position:0px 1px;
}