Layout
Hallo,
ich möchte in meinem Blog (http://grafomatic30.twoday.net/) gerne die mittlere Spalte, die den Text enthält, verbreitern. Ich habe schon in den style sheets herumgesucht, die entsprechende Option aber nicht gefunden. Kann mir vielleicht jemand weiterhelfen?
Danke im Voraus,
Claus
ich möchte in meinem Blog (http://grafomatic30.twoday.net/) gerne die mittlere Spalte, die den Text enthält, verbreitern. Ich habe schon in den style sheets herumgesucht, die entsprechende Option aber nicht gefunden. Kann mir vielleicht jemand weiterhelfen?
Danke im Voraus,
Claus
claus_01
vor 4894 Tagen
claus_01
vor 4893 Tagen
Hallo nochmal,
jetzt hat's geklappt. Ich hatte für width einen zu kleinen Wert (nur für die mittlere Spalte) eingegeben.
Claus
jetzt hat's geklappt. Ich hatte für width einen zu kleinen Wert (nur für die mittlere Spalte) eingegeben.
Claus
Die Breite des container-DIVs wird durch den umgebenden wrapper-DIV determiniert. Die zugehörige Definition beginnt im main.css file ab Zeile 25:
#wrapper {
margin: 12px auto;
width: 730px;
}
Wenn man dort die width-Angabe vergrößert, verbreitert sich auch die mittlere Content-Spalte.
antworten
body>#wrapper #content {
overflow: visible;
width: auto;
}
und
#wrapper {
text-align: left;
}
Eine Spaltenbreite war nirgends dabei.
Trotzdem vielen Dank,
Claus
antworten
Ich muss wohl etwas weiter ausholen: Die Twoday-generierte CSS-Datei (in deinem Fall http://grafomatic30.twoday.net/main.css) besteht aus mehreren zusammengesetzten Teilen, zum einen Standarddefinitionen (Layout- und Admin-Styles) seitens Twoday sowie die durch den Benutzer veränderbaren SITE/STYLE.SKIN (Stylesheet) CSS-Definitionen. In dieser main.css (siehe Link oben) steht sehr wohl ab Zeile 25 die oben erwähnte #wrapper Definition. Diese resultiert aus den von Twoday per Makro zugesteuerten Layout-/Orientation-Styles. Gewünschte Änderungen an diesen Definitionen muss man durch eigene CSS-Styles mit gleichem Selektor überschreiben, da man die Twoday-Makro-Quelldatei ja nicht bearbeiten kann/sollte.
In diesem Fall sollte es also reichen, die Definition
#wrapper {
text-align: left;
}
im User-Stylesheet so zu ergänzen, dass dort eine width-Angabe mit aufgenommen wird. Damit diese auf jeden Fall zieht, wäre ein !important Zusatz hilfreich:
#wrapper {
text-align: left;
width: 960px!important;
}
wobei 960 Pixel natürlich nur ein Vorschlagswert ist.
Hoffe, das war jetzt etwas verständlicher.antworten
#wrapper {
text-align: left;
width: 640px!important;
}
das Layout nicht beeinflußt.Hmm .. was kann ich da machen?
Vielen Dank nochmal,
Claus
antworten