Thema: Text geht über Rand hinaus

Hallo, mein Problem ist folgendes:

In meiner neu gebauten Seite (KLICK) ragt der Text auf der Startseite über den Rand hinaus. Komischerweise war das anfangs nicht, doch ohne dass ich etwas am template verändert hätte, entstand auf einmal dieser Fehler.


Muss ich etwas an der template.css bearbeiten oder ist es möglich dass ich wo anders Einstellungen vornehmen muss?

Mfg nayos

Hallo

Kommentiere diese Definition in der template_css.css mal aus:

HTML-Code:

.leftcol, .middle, .rightcol (line 192)

{

overflow-x: hidden;

overflow-y: hidden;

}

Oder zumindest nimm die Klasse middle raus.

Danke für die Antwort.

HTML-Code:

.leftcol, .middle, .rightcol{ overflow:hidden;}

Hier ist die Stelle und hier middle

HTML-Code:

.middle{
background:#fff url(../images/middlebg-l.jpg) top left no-repeat;
padding-left:11px;

}
#middlenarrow{
margin:0 209px;}
#middlewide{
margin:0;
}
#middlewrapleftonly{
float:right;
width:100%;
margin-left:-209px;
}
#middleleftonly{
margin:0 0 0 209px;}
#leftleftonly{
margin:0;
}

#middlewraprightonly{
float:left;
width:100%;
margin-left:-209px;
}
#middlerightonly{
margin:0 0 0 209px;}
#rightrightonly{
float:right;
margin:0;
}

Wo liegt der Fehler? In meinem Fall wird middlenarrow abgebildet, da ich links und rechts module habe.

ab Zeile 192

HTML-Code:

.leftcol, .middle, .rightcol{ overflow:hidden;}
.leftcol, .rightcol{
width:205px;
}
.leftcol{
float:left;
margin-left:-100%;
background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}

.rightcol{
float:left;
margin-left:-205px;
background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}

.leftcol .bgtop, .rightcol .bgtop{
background:url(../images/sidebg-t.png) top left no-repeat;
padding:1px 1px 20px 1px;
}
.middlewrap{
float:left;
width:100%;
}

.middle{
background:#fff url(../images/middlebg-l.jpg) top left no-repeat;
padding-left:11px;

}
#middlenarrow{
margin:0 209px;}
#middlewide{
margin:0;
}
#middlewrapleftonly{
float:right;
width:100%;
margin-left:-209px;
}
#middleleftonly{
margin:0 0 0 209px;}
#leftleftonly{
margin:0;
}

#middlewraprightonly{
float:left;
width:100%;
margin-left:-209px;
}
#middlerightonly{
margin:0 0 0 209px;}
#rightrightonly{
float:right;
margin:0;
}

.middle .middlebg{
background:#fff url(../images/middlebg-r.jpg) top right no-repeat;
padding:16px 16px 16px 5px;
min-height:400px;
height:auto!important;
height:400px;
}

.middle h1, .middle .componentheading{
background:url(../images/dotted.gif) bottom left repeat-x;
margin-bottom:0.3em;
}
.middle ul li{
background-position:0px 0px;
padding:1px 0px 5px 24px;
margin-left:10px;
}
.middle ul ul{
list-style-type:square;
margin-bottom:0;
}
.middle ul ul li{
background:none;
padding:0;
}
.middle ol{
margin-left:30px;
padding:0;
}

.middle ol li{
margin:0;
padding:0;
}

Bittesehr

Hallo, kann mir denn niemand helfen? Ich bin leider in Sachen PHP etc. ziemlich unerfahren. Wie kann ich das Problem lösen?

EDIT: Ich möchte einen Moderator bitten, meinen Thread ins Joomla 1.5 Forum zu verschieben. Ich hab irrtümlicherweise hier gepostet.

Danke für die Antwort!

Ich habe den Befehl wie du gesagt hast deaktiviert. Das einzige was sich nun geändert hat ist, dass die Schrift sichtbar über den Rand verläuft.

Ich habe das Gefühl es liegt an der Formatierung des middlenarrow-Teils; wenn man die Größe des Fensters verändert, ändert sich nicht der Zeilenumbruch...

Problem gelöst!!

Die Sache ist fast lächerlich: Ich habe den zweiten Beitrag auf der Seite bearbeitet. Dabei habe ich bemerkt, dass auch im Editor nicht rechzeitig ein Zeilenumbruch entsteht. Anschließend habe ich manuell einen eingefügt und siehe da: als ich speichere und die Seite neu lade ist der ganze middle-Teil in der richtigen Länge. Also fehlerhafter Content sozusagen. Eigenartig...