Shop zentrieren

[Funtoyz]

Hallo,

schaffe es nicht den shop zu zentrieren, hab das forum schon durchgeschaut und nichts funtzt. Hier habe ich mal meine index.html, vielleicht kann mir da jemand helfen.

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

<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="{$tpl_path}img/top_logo.jpg" alt="{$store_name}" /></td>
</tr>
<tr>
<td style="border-top: 1px solid; border-bottom: 1px solid; border-color: #82A7D1;"><table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td class="main">{$navtrail}</td>
<td align="right" class="main">{if $account}{php} if (isset($_SESSION['customer_id'])) { {/php}<a href="{$logoff}">{#link_logoff#}</a> | {php} } {/php}{/if}{if $account}<a href="{$account}">{#link_account#}</a> | {/if}<a href="{$cart}">{#link_cart#}</a> | <a href="{$checkout}">{#link_checkout#}</a></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="navLeft" valign="top"><table width="184" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>{$box_CATEGORIES}{$box_ADD_QUICKIE}{$box_CONTE NT}{$box_INFORMATION}{$box_LAST_VIEWED}{$box_REVIE WS}{$box_SEARCH}{$box_SPECIALS}{$box_WHATSNEW}</td>
</tr>
</table>&nbsp;</td>
<td valign="top"><table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td><table width="98%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="main">{$main_content}</td>
</tr>
</table></td>
</tr>
</table></td>
<td valign="top" class="navRight"><table width="184" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>{$box_CART}{$box_LOGIN}{$box_ADMIN}{$box_NEWSL ETTER}{$box_BESTSELLERS}{$box_INFOBOX} {$box_CURRENCIES} {$box_LANGUAGES}{$box_MANUFACTURERS_INFO}{$box_MAN UFACTURERS} </td>
</tr>
</table>&nbsp;</td>
</tr>
<tr>
<td colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="border-top: 2px solid; border-top: 2px solid; border-color: #82A7D1;">&nbsp;</td>
<td style="border-top: 2px solid; border-top: 2px solid; border-color: #82A7D1;">&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
{if $BANNER}
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="center">{$BANNER}</td>
</tr>
</table>
{/if}


Gruß

Majk

[wibros]

Tabelle auf 100% lassen, Wrapper drum rum und über CSS zentrieren:

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
[...]
</table>
</div>

Im CSS stylesheet.css den vorhandenen BODY-Selektor ergänzen:

BODY {
  [...]
  text-align: center;
}

und am Ende der Datei die Informationen für den Wrapper einfügen:

#wrap {
  margin: 0 auto;
  text-align: left;
  width: 80%;
}

Matt

[Funtoyz]

Danke Matt,

hat Super geklappt!!!!!!!!!!!!

Gruß

Majk

[dirkgl]

Also ich hab das auch versucht, siehe www.bike-parts24.com aber jetzt zeigt er mir oberhalb des Logos Zeichen an, kann mal bitte jemand drüber gucken.

Gruß Dirk

[www.musclebooster.info]

was soll das bewirken?

Mein shop verschiebt sich einfach nach rechts

[c-ool]

Dass sich dein shop nach rechts aus dem (1024er) BIldschirm hinausschiebt leigt einfach daran, dass Dein Shop einfach zu breit ist.
In solch einem Fall bekommst Du den Shop auch nicht zentriert. Sorge dafür, dass der Shop kleiner als 1024 Pixeln in der Breite ist (ich empfehle 1000Pixel, dann passt die Scrollleiste auch noch). Dann wir Dein Shop auch auf größeren Bildschirmen zentriert und schön angezeigt.

[www.musclebooster.info]

Zitat von c-ool

Dass sich dein shop nach rechts aus dem (1024er) BIldschirm hinausschiebt leigt einfach daran, dass Dein Shop einfach zu breit ist.
In solch einem Fall bekommst Du den Shop auch nicht zentriert. Sorge dafür, dass der Shop kleiner als 1024 Pixeln in der Breite ist (ich empfehle 1000Pixel, dann passt die Scrollleiste auch noch). Dann wir Dein Shop auch auf größeren Bildschirmen zentriert und schön angezeigt.

wie soll ich das tun?

[dukie6666]

in dem Du Deiner Haupttabelle eine fixe Breite unter 1000px gibst. (index.html des Templates)

[www.musclebooster.info]

meinst du so? was jetz mit dem top-logo? Wie mache ich jetzt, dass es sich der Seitenbreite automatisch anpasst? Oder einfach manuell anpassen? Sorry für die dumme Fragen

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

<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="{$tpl_path}img/top_logo.jpg" alt="{$store_name}" /></td>
</tr>
<tr>
<td style="border-top: 1px solid; border-bottom: 1px solid; border-color: #C5C5C5;"><table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td class="main">{$navtrail}</td>
<td align="right" class="main">{if $account}{php} if (isset($_SESSION['customer_id'])) { {/php}<a href="{$logoff}">{#link_logoff#}</a> | {php} } {/php}{/if}{if $account}<a href="{$account}">{#link_account#}</a> | {/if}<a href="{$cart}">{#link_cart#}</a> | <a href="{$checkout}">{#link_checkout#}</a></td>
</tr>
</table></td>

[nacho]

Moin, also bei mir hat das gut geklappt mit dem Zentrieren, meine extra frage, wie kann ich dem aktiven content teil des shops einen background hinzufügen, dachtee eigentlich beim wrapper im stylesheet aber da tut sich nix, weiss jemand rat?.... mit "aktivem content teil meine ich nich den üblichen background/hintergrund, sondern halt hintergrund wo alle boxen/navigation etc. darüber liegen.....