Rechte Spalte ausblenden. Wie geht's am besten?

[ams]

Hi Community,

ich würde gern die rechte Spalte des Templates ausblenden. Also alle Boxen an eine andere Stelle legen und somit den Mittelbereich breiter erscheinen lassen.

Wie mache ich es aber korrekt? Ich würde jetzt einfach in der index.html alle Boxen der "right-col" rausnehmen und im stylsheet entsprechend die width auf 0 setzen. Anschließend die width des content um den entsprechenden Wert ergänzen.

Macht man das denn so?    Es soll nämlich der komplette Shop ohne rightcol sein. Überträgt sich das auch auf Contentseiten, Kategorieansichten & Produktansichten? Ich müßte doch dann eigentlich nur noch die anderen width Angaben im Stylsheet anpassen, oder?

Vielleicht kann mir jemand sagen, ob das eine saubere Lösung ist oder nicht..
thx
ams



Linkback: https://www.modified-shop.org/forum/index.php?topic=3880.0

[Tomcraft]

Völlig richtig, wie du beschrieben hast!

In der "stylesheet.css" sind diese Werte anzupassen:

Code: CSS  [Auswählen]

#content
#contentfull
#wrap
#contentwrap

Grüße

Torsten

[ams]

Perfekt, danke dir! War mir nicht ganz sicher aber langsam wirds...

Danke & Gruß
ams

[Tomcraft]

Hast du dich umbenannt? Warst du nicht mal "meineidee"?

Grüße

Torsten

[ams]

auf jeden... finde aber meineidee hört sich bisschen zu egomäßig an und das passt nicht zu mir. in einem forum ist doch wohl eher alles unsere idee  ...jetzt einfach mein spitzname. ist besser so...

gruß

[Tomcraft]

Hatte mich schon gewundert, weil mir "ams" so gar nichts gesagt hatte und als ich dann die Anzahl deiner Beiträge gesehen habe musste ich mal nachschauen.

Grüße

Torsten

[Spegeli]

Thread ist zwar veraltet, aber da ich gerade selber die Rechte Spalte entfernt habe, hier noch mal der genaue Schritt:

In der "stylesheet.css" folgendes ändern in:

Code: CSS  [Auswählen]

/* RIGHT COLUMN */
/* #rightcol {
        float:right;
        width:200px;
        padding:0px 0px 15px 0px;
} */

Und dann muss man nur noch:

Code: CSS  [Auswählen]

#content {
        float:left;
        width:725px;
        padding:0px 25px;
        margin-bottom:15px;
}

Width anpassen. Im Normalfall von 525 auf 725 stellen.

^^

[Tomcraft]

Das reicht aber nicht, siehe:

Völlig richtig, wie du beschrieben hast!

In der "stylesheet.css" sind diese Werte anzupassen:

Code: CSS  [Auswählen]

#content
#contentfull
#wrap
#contentwrap

[...]

Grüße

Torsten

[Spegeli]

Also bei mir hab ich nur die 2 genannten Sachen geändert und es ging.

Siehe Screenshot:

[ Für Gäste sind keine Dateianhänge sichtbar ]

allerdings hab ich das Problem das im IE mir das schön linksbündig angezeigt wird, im Firefox hab ich aber 'nen riesen Abstand.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Wenn ich bei wrap die width vergrößere, wird auch die gesamte Seiten Breite breiter.

Wrap bei 980 gelassen, da es die gesamte Breite bestimmt und die soll ja so bleiben.
contentwrap bei 980 gelassen
content auf 725 (von 525) (da hier die 200 width von der rechten Seite dazu gekommen sind)
contentfull auf 920 gelassen.

EDIT: Also hab jetzt alles mögliche rumprobiert, aber ich bekomme den Fehler vom Firefox einfach net weg.

[Spegeli]

So hab den Firefox Bug nun gelöst.
In der ../templates/xtc5/module/new_products.html einfach bei

Code: PHP  [Auswählen]

<table class="productPreview" width="100%" border="0" cellspacing="0" cellpadding="0">

Die width auf 70% ändern (theoretisch kann man die width auch ganz entfernen), ^^ ist wahrscheinlich net die optimalste Lösung aber sie erfüllt ihren Zweck.

[Tomcraft]

Du musst aber noch "contentfull" anpassen, sonst fehlt dir der Bereich im "Checkout" Bereich.

Grüße

Torsten

[mr_belgium]

Völlig richtig, wie du beschrieben hast!

In der "stylesheet.css" sind diese Werte anzupassen:

Code: CSS  [Auswählen]

#content
#contentfull
#wrap
#contentwrap

Grüße

Torsten

Ich habe das auch gerade ausprobiert und es klappte bei mir einwandfrei. Ich habe aber nur #content entsprechend (um 200px) erweitert. Was muss in denn bei des anderen Stylesheets austauschen?

Ich habe jetzt schon ein bissi mit den paddings gespielt, aber irgendwie wird das nichts.
Wie gesagt, es läuft soweit, lediglich auf der rechten Seite ist "Content" nicht in der Fluch mit dem Header.

[Tomcraft]

Welche anderen Stylesheets?

Du musst die Werte alle um den selben Wert erhöhen!

Grüße

Torsten

[Ralf2209]

Mein Template zeigt nur auf der Startseite drei Spalten an. Alle anderen Seiten sind zweispaltig, d.h. links die Boxen und in der Mitte ein vergrößerter Inhalt. Funktioniert in allen Browsern.

Du kannst ja mal einen Blick darauf werfen: TEMPLATE: Kostenloses Template "Just Simple"

[mr_belgium]

Welche anderen Stylesheets?

Du musst die Werte alle um den selben Wert erhöhen!

Grüße

Torsten

DANKE für den Hinweis, jetzt habe auch ich das verstanden Ich meinte ursprünglich die Werte der Stylesheets von

Code: CSS  [Auswählen]

#content
#contentfull
#wrap
#contentwrap

Diese werde ich dann also auch um 200px erweitern. Bin mal auf das Ergebnis gespannt, direkt heute Abend ausprobieren.

Mein Template zeigt nur auf der Startseite drei Spalten an. Alle anderen Seiten sind zweispaltig, d.h. links die Boxen und in der Mitte ein vergrößerter Inhalt. Funktioniert in allen Browsern.

Du kannst ja mal einen Blick darauf werfen: TEMPLATE: Kostenloses Template "Just Simple"

Auch Dir DANKE! Schaue ich mir mal genauer an, vielleicht kann ich davon etwas brauchen.