Hallo zusammen. Hab den Gambio erst seit zwei Tagen laufen und folgendes Problem: Hab per Style-Edit den Footer aktiviert und eine Tabelle mit Einträgen erstellt, die auf zB die AGBs verlinken etc. Diese wird im Frontend leider unten links im Footer angezeigt. Wenn man das Ganze per Style-Edit zentriert, wird nicht nur die Tabelle, sondern auch deren Inhalt in den zellen zentriert. Ich würde gerne nur die Tabelle im Footer zentrieren und wollte euch fragen, wo ich was - wenn möglich ohne style-edit - ändern muss. Grüsse Erich
Der Shop ist halt noch nicht live, ergo versuch ich's mal so: Aktuell ist der Inhalt des Footers links zu sehen (wie auf dem Bild), ich hätte ihn gerne zentriert. Ich hab mal alle Codes rausgesucht, die den Footer betreffen (hier hab ich noch nichts geändert, sollte alles Standard sein: Frontend HTML <div id=“footer“> <div class="clearfix" id="footer_inner"> <table> <tbody> … </tbody> </table> </div> <div id="footer_copyright"> <a target="_blank" href="http://www.gambio.de">Shopsystem</a> by Gambio.de © 2014 </div> </div> Gm_dynamic.css .clearfix { display: inline-block; } Stylesheet body #footer { overflow: hidden; } #footer_copyright { font-size: 11px; font-weight: bold; text-align: center; width: 100%; padding: 5px; color: #999999; } #footer_copyright a { text-decoration: none; color: #999999; } EyeCandy.css #footer { background-color: #f2f2f2; background-image: none; background-position: left top; background-repeat: no-repeat; border-top-color: #cfcfcf; border-top-style: solid; border-top-width: 0px; color: #999999; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 1000px; } Ich müsste wissen, was ich wo ändern muss, um das Ganze (Footer-Inhalt) in die Mitte zu bekommen. Grüsse Erich
rein rechtlich ja - wenn du Hilfe von den meisten Forennutzern hier haben willst - besser drinnen lassen Kannst es aber z.b. Kleiner an andere Stelle schieben oder so. Dein CSS befehl wäre nach dem Muster Code: table.center { margin-left: auto; margin-right: auto; } und in der Tabbelle Code: <table class="center"> <tr> <th>deine</th> <th>inhalte</th> </tr> <tr> <td>wo</td> <td>und wie du willst</td> </tr> </table>
Danke, Dennis! Könnte ich den CSS-Code nicht direkt in die Tabelle einbauen? <Table style="margin-left:...> Oder anders gefragt, kann man im Content-Manager überhaubt CSS-Dateien einbinden? Grüsse
Also - im Quellcode direkt styles einzugeben macht man einfach nicht. Damit das funktioniert muss deine Tabelle im Footer auch eine ID bekommen Dann kannst das CSS in USERMOD ablegen. Caches von shop und Browser leeren.
Wenn du bereit bist auch von der Tabelle wegzugehen, kannst du dich mal in einem der Gambio Testshops einloggen und dort anschauen wie der Footer aufgebaut bist. Die machen das mit divs die eine Breite vorgegeben bekommen. Wenn dir das gefällt einfach dort aus dem Content Manager den Code kopieren, bei dir einfügen und anpassen. Anschließend schauen, dass du keine Bildlinks aus dem Gambio-Testshop mit drin hast. Das übersehen viele ^^
Geht leider auch nicht... CSS-Code in Usermod/CSS: #tabelle_footer { margin-left: auto; margin-right: auto; } Aufruf im Content-Manager/Footer <table id="tabelle_footer"> Hab ich was falsch gemacht?
Im Content-Manager (Vorschau) funktionieren die CSS-Codes übrigens, da wird die Tabelle zentriert mit margin-left: auto; margin-right: auto; Aber im Frontend setzen sich diese nicht durch...
Browser cache leeren und Shop cache leeren - Browser is wichtig. evtl. anderen Browser testen wo das CSS vom Shop noch nicht im Cache liegt.
Hilft nix! Alle caches im shop geleert und mit dem IE getestet (normal Firefox). Die Tabellen bleiben stur links.
Zum davonlaufen irgendwie... Wenn ich zB #footer {padding-top:30px;} in meine user-mod css einbaue, funktioniert das auch ohne Probleme. Kann gerade null nachvollziehen, warum sich die Tabelle nicht zentrieren lassen will. Überseh ich was mit dem Boxmodell?
Hi, der Lösungsvorschlag für dein Problem im Threadeintrag #11 ist eine saubere Sache. Habe es selbst so übernommen und funktioniert super. Solltest du dir vielleicht mal anschauen.
Na ja, wenn ich die DIV-Lösung aus dem Test-Shop rauskopiere und einfüge, ist die auch nicht zentriert. Da ist eine Tabellenlösung in diesem Fall einfacher zu handeln - müsste nur endlich den Fehler finden. Grüsse
Ok, habs hinbekommen. Da eine Zentrierung des Footers im StyleEdit wohl mit text-align: center bewerkstelligt wird und damit die Texte innerhalb der Zellen der Tabelle auch zentriert werden (was ich nicht wollte), hab ich praktisch in jede Zelle ein Style="text-align: left" eingefügt. Jetzt ist die Tabelle zentriert und die Texte in den Zellen sind links ausgerichtet. Sicher nicht die sauberste Lösung. Und ich verstehe bis jetzt nicht, warum das mit margin-auto nicht funktioniert hat... Danke an alle nochmal!