Templatebreite verändern bzw. anpassen

[ErichVienna]

Hallo, ich habe eine Newbie Frage.

Ich bin nahe dran meinen Shop nun endlich zu eröffnen, allerdings hab ich da noch ein Problem mit dem Layout.
Ich hab schon im Forum gesucht aber leider nicht die richtige Antwort gefunden.
Ich nehme an ich muss da was in der css Datei des Templates ändern, vielleicht könnt ihr mir helfen ohne dass ich graue Haare bekomme, oder vielleicht was zerschiesse.

Ich hätte gerne folgendes.
Das Layout des Shops sollte an 1024x768 angepasst werden (derzeit ist es fixiert und schmäler), bzw. wäre es ideal wenn es sich je nach Bildschirmauflösung oder Browser-Breite des Besuchers automatisch anpasst.
Die Boxen links und rechts sollten sich dabei natürlich nicht verändern, sondern nur der Mittelteil wo die Produkte präsentiert werden.
Hier der Link zum Shop
*** www.shopsurprise.com ***

Gruß
Erich

[walter999]

Also um ein Template an eine andere Breite anzupassen oder gar in der Breite flexibel zu machen sind grundlegende Umcodierungen im HTML oder zumindest in der CSS-Datei zu machen. Mit Sicherheit müssen auch manche Grafiken abgeändert werden.

Also so aus dem Stehgreif wird Dir das hier kaum jemand sagen können. Soll heißen es ist wohl nicht so schnell zu realisieren wie Du Dir das vorstellst.

Gruß
Walter

[justus]

Hi,

dann solltest du deinen Boxen einen festen Wert geben (rechts und links) und die gesamte Breite deines Layouts mit Prozent-Werten fixieren. Dann haben deine Besucher bei unterschiedlicher Auflösung (fast) das gleiche Erscheinungsbild deines Shops.

Gruß Frank

[ArnieW]

Hi Erich
Ich habe mir gerade mal deinen shop angesehn.
Dein Top Bild scheint eine feste groesse zu haben und das macht es schwer den shop fexible auf die verschiedenen Bildschirm groessen anzupassen.
Ich wurde dir vorschlagen den Shop mittig auszurichten, soll heissen, dass egal wie gross der bildsschirm ist, der shop light immer in der mitte.
Das kannst du in der index.html in deinem templet machen.
suche den aussersten table und fuege folgendes ein: align="center"

Ausgehend von der unveraenderten index.html im xtc4 templet:

{config_load file="$language/lang_$language.conf" section="index"}

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="{$tpl_path}img/top_logo.jpg" alt="{$store_name}"........

aendern:
<table width="800" (dies auf eine gewuenschte goresse setzten, in deinem Fall die Breite von deinem linken Uhrbild und dem rotem Hauptbild)

dahinter einfuegen: align="center"

Das ganze sieht dann so aus:

{config_load file="$language/lang_$language.conf" section="index"}

<table width="800" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="{$tpl_path}img/top_logo.jpg" alt="{$store_name}"........

Viel Spass Arnie