Startseiten Textbreite

**Muecke2000** · 11.03.2009 22:01

Hallo,

auf meiner neuen Website habe ich das Problem, dass der Text der Startseite nicht in voller Breite angezeigt wird. Ich habe schon geschaut, ob im Beitrag Tabellen oder ähnlich die Breite minimieren. Aber ich kann keinen Fehler finden.

Hier der Link zur Seite: keiner mehr da...

Weiß jemand wo ich eine evt. Einstellung übersehen habe. Ich möchte gerne die gesamte Breite nutzen. Bei allen anderen Beiträgen funktioniert alles wie gewollt in voller Breite.
Danke im voraus für eure Hilfe.
Gruss
muecke

**xon** · 12.03.2009 07:57

Wenn Du Dir den Quelltext anschaust (Was durchaus Sinn macht^^), dann siehst Du folgende HTML-Ausgabe:

<div id="content">

<div class="componentheading">
Willkommen beim Zubehör-Shop-Frankfurt </div>

<table class="contentpaneopen">
<tbody><tr>
<td valign="top">

<div align="center"> [Text, um den es hier geht] </div>

</td>
</tr>
</tbody></table>
<span class="article_separator"> </span>

</div>

So,- jeder Layer darin (<div>) muss ja nun erfahren, dass er die volle/ eine spezielle Breite nutzen soll. Also benötigts Du in der css Datei des Templates bei:

.componentheading {
width:100% // Alternativ: width:500px;
}

und

.contentpaneopen {
width:100% // Alternativ: width:500px;
}

Und folgendes müsste den inneren Text dann auch auf die volle Breite ziehen:

.contentpaneopen div {
width:100% // Alternativ: width:500px;
}

=> Achtung: Der letzte Eintrag könnte auch andere Layer, die durch Plugins oder Komponenten innerhalb der main()-Komponente erzeugt werden auf die entsprechende Breite zwingen.
Man sollte also schauen, wie das im Einzelfall klappt und verträglich ist.

Eine ganz andere Alternative wäre es, im Beitrag selber,- bei der Erstellung ,- dem Text eine eigene Klasse / Class zuzuordnen und ihn in der CSS darüber zu formatieren.

(Ist jetzt alles aus der Erinnerung und ungeprüft,- Sag mal Bescheid, ob es geklappt hat.)

Gruß,
XOn

**Muecke2000** · 12.03.2009 17:18

Danke dir.
Mit dem zweiten Punkt war das Thema erledigt,

Dann hab ich da noch ein Problem, allerdings nur bei IE 6.
Der Text über den Weblinks wieder erst ewig weiter unten angezeigt. Darüber ist eine leere weiße Fläche, bei der man den Verdacht hat, es würde ein Bild nicht angezeigt werden. Dabei ist dort kein Bild.

Weiß da jemand Rat?
Gruss und danke
Muecke

**xon** · 12.03.2009 18:11

Ich habe gerade keinen Explorer, allerdings hat der oft eine andere Vorstellung von "position" oder "width" Einstellungen als es das W3C vorschlägt.
Deshalb lohnt es sich, für den Explorer eine CSS-Weiche einzubauen.
Folgendes schreibst Du in den <head> unter die css-File Angaben:

Dann erstellst Du die Dateien ieonly.css und ie7only.css und stellst dort die Abstände noch einmal speziell für den IE ein.

Der Firefox ignoriert das und der Explorer "korrigiert" nur diejenigen Angaben, die Du dort einträgst.

Gruß,
XOn

**Muecke2000** · 12.03.2009 22:39

Perfekt danke dir. Werde das am Wochenende mal testen.

**Muecke2000** · 17.03.2009 20:06

Hallo nochmals,

also ich habe jetzt rumprobiert ohne Ende und ich bekomme es einfach nicht.

Ich habe eine eigene CSS-Datei für den IE6 erstellt, der nur folgendes enthält:

Code:

#content {
	padding: 5px 5px 10px 5px;
	//position: absolute;
}

Dabei passiert folgendes: Die Schrift rutscht zwar nach oben, aber der Hintergrund wird nicht weiter verlängert. Welche Befehle kann ich da noch ausprobieren?
Screenshot siehe Anhang.

Gruss und danke
Muecke

**xon** · 17.03.2009 21:07

Hm...

...das ist ein leidiges Thema, das ich auch noch nicht zufriedenstellend lösen konnte.
Ein Ansatz dazu mag evtl. das "Doctype" sein. Je nach HTML-Referenz des Dokumentes, werden manche Elemente anders interpretiert/ dargestellt.
Probiere mal verschiedene Doctypes aus und schaue, ob sich das "Überhang-Problem" dadurch lösen lässt.
Genaueres dazu hier:
Erklärungen zum Doctype

Ansonsten würde ich auch mal ein position:relative versuchen.

Gruß,
XOn

**Muecke2000** · 18.03.2009 17:03

Moin,

also ich habe nun folgendes mal probiert:

Code:

#content {
	padding: 5px 5px 10px 5px;
	//float: left;
	//position: relative;
	//position: absolute;
}

In Kombination, alleine etc. Leider alles keine Wirkung.
Verstehe ich irgendwie nicht, zumal es im Standardtemplate funktioniert.

Weiß noch jemand etwas? Würde ja gerne über Google suchen, aber ich weiß noch nicht mal wie man das Problem beim Namen nennt.

Gruss
muecke

**xon** · 18.03.2009 19:36

Hm..

Doctype schon versucht zu ändern?

Wenn Du suchst, dann suche am Besten nach "css Div verschachtelt",- denn es ist ein verschachtelter Layer der drüber hinweg läuft.
Evtl. findet sich auch etwas unter "css overflow".

Evtl. magst Du die index.php und das css mal hier dran hängen.
Wenn ich dazu komme, schaue ich da rein.

Gruß,
XOn

**Muecke2000** · 18.03.2009 20:52

So ich habs:

Code:

float: left:
width:100%

Die breiteneinstellung hat gefehlt! So funktioniert es bei IE6, IE 7, und FF, auch ohne Weiche!

Thema: Startseiten Textbreite

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Startseiten Textbreite

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen