You are not logged in.

Controlpanel

At the moment there aren´t any members active..

Statistic

  • Members: 13109
  • Threads: 18183
  • Postings: 119668 (ø 46.08/day)
  • Greetings to our newest member: misssusan

w2d Premium-Support

Die Experten für web to date / shop to date

Facebook

1

Tuesday, July 29th 2008, 5:35pm

[ERLEDIGT] Fiction zentriert (!) - VIELEN DANK !

Moin Moin :)

Als erstes möchte ich allen Helferinnen und Helfern dieses Forum für Ihre super Arbeit danken! Ist ein Klasse Forum das einem wirklich weiterhilft!
Also vielen Dank für Eure Arbeit!

Nun zudem was ich durch dieses Forum (habe die "Suche" ganz schön gequält und trotz Null Ahnung von CSS einfach nach Anleitung gearbeitet und getestet) erreicht habe - Das zentrieren des FICTION Designs in Shop-to-Date 5:


Hier mal die Auflistung der hier in anderen Threads geposteten Lösungsansätze (Dank an die Tüfftler :) )

1.) Änderungen in der style_design.css wie von jasila gepostet:
Einfügen des Codes:

Source code

1
2
3
4
5
6
#zentrieren {
    position: absolute; /*wichtig*/
    left: 50%; /*wichtig*/
    margin: 0 -493px; /*wichtig*/
    width: 985px;
}

2. In der navigation.ccml nach <body> einfügen <div id="zentrieren"> und vor </body> ein </div> einfügen.

Durch diese Änderung wurde leider die SIDEBAR nicht verschoben und bleibt so im verschobenen Content. Dann fand ich einen weiteren Eintrag von Bond007.

Demnach habe ich in der navigation.ccml die folgende Zeile

Source code

1
<div id="zentrieren"> 

an folgenden Positionen gesetzt:

Unter <!-- Sidebar --> und unter <!-- Shop -->

Nun ist die Webseite komplett zentriert. Hier mal der Link zur Testseite (ist noch lange nicht fertig :oops:

http://www.mrmodellbau.de/shop/start.php

Habe die Webseite jetzt mit Firefox und IE6 getestet und es sollte so klappen :lol:


Gruß aus dem Harz
Christian

urmel

Moderator

Posts: 3,387

Location: Mitteldeutschland

  • Send private message

2

Tuesday, July 29th 2008, 9:49pm

Hallo ChristianB,

herzlichen Dank, dass du deinen Erkenntnisgewinn an andere User weitergibst.

Einen kleinen Schönheitsfehler gilt es zu beseitigen:

Source code

1
<div id="zentrieren">


Ändere das in <div class="zentrieren"> und füge die Klasse .zentrieren {...} in dein Stylesheet ein.

ID's sind 'Einmaligkeiten' und dürfen folglich nicht wiederkehrend eingesetzt werden.
Gruß, Urmel
Und nicht vergessen: "Mittelmaß ist ansteckend"!

Validierungs-Tipps für w2d-Templates + valide w2d-Designs.

Schon die neuen Features entdeckt? Beispielsweise die optimierten Metaangaben oder KISSIMMEE +++

3

Tuesday, July 29th 2008, 10:00pm

Hallo hschiko,

Danke für den Hinweis... aber wie Eingangs schon geschrieben habe ich null Ahnung von CSS.

Könntest Du mir deswegen bitte genau schreiben wie der komplette Code der zu definierenden Klasse ".zentrieren" lautet und in welchem Stylesheet ich die einfügen muss.


im Voraus!!

Gruß
Chris

PS: Könnt Ihr mir ein Buch im Bezug auf CSS für Anfänger empfehlen?!

urmel

Moderator

Posts: 3,387

Location: Mitteldeutschland

  • Send private message

4

Tuesday, July 29th 2008, 10:25pm

Quoted

Könnt Ihr mir ein Buch im Bezug auf CSS für Anfänger empfehlen?!

ChristianB,

ich suche immer per Google nach folgenden Muster: css zentrieren, css float ...

Quoted

Könntest Du mir deswegen bitte genau schreiben wie der komplette Code der zu definierenden Klasse ".zentrieren" lautet


Probiere es mal mit folgendem Code:
.zentrieren {
text-align:center;
margin: 0px auto;
}

Die nachfolgenden Bereiche (beispielsweise die Sidebar) müssen dann die Anweisung erhalten: text-align:left;

Den ersten Container, den du für das id genommen hast, kannst du so stehen lassen.

Quoted

und in welchem Stylesheet ich die einfügen muss.

Nimm das, in dem auch die anderen Styleangaben für das Zentrieren stehen.
Gruß, Urmel
Und nicht vergessen: "Mittelmaß ist ansteckend"!

Validierungs-Tipps für w2d-Templates + valide w2d-Designs.

Schon die neuen Features entdeckt? Beispielsweise die optimierten Metaangaben oder KISSIMMEE +++

Amoz111

Beginner

Posts: 32

Location: Jena

  • Send private message

5

Friday, August 1st 2008, 5:46pm

Entschuldigung hschiko,
hab nun schon zu verschiedenen Themen im Forum Beiträge von Dir gelesen und muß leider sagen, daß sie sich mehr oder weniger alle durch folgende Merkmale auszeichnen:
- einen mürrischen oder gar unfreundlichen Unterton
- didaktisch wenig nachvollziehbar
- ziemlich unverständlich in der genauen Vorgehensweise (insbesondere für Anfänger oder CSS-Laien)

Würde mein Fiction-Design z.B. auch gern zentrieren, hab aber nicht die geringste Ahnung, was nun genau wo gemacht werden muß und die Antwort von Christian zeigt, daß ich damit nicht allein bin.

Ist nicht böse gemeint, mußte aber mal raus ...
Gruß
Amoz111

Posts: 2,590

Location: Bielefeld

Occupation: Lebenskünstler

  • Send private message

6

Friday, August 1st 2008, 6:58pm

Hallo Leute,

(und vor allem Amoz). Ihr solltet vielleicht auch mal nichtvergessen, dass hier in diesem Forum GRATIS geholfen wird.

Ich finde eigentlich ist der Sinn eines Forums, dass du zuerst mal selbst versuchst. Wenn du dann nicht weiter kommst, stellst du deinen Code ein und man redet mal drüber.

Ich stehe immer wieder fassungslos davor, mit welcher Selbstverständlichkeit hier Fragen der Sorte 'wie zentriere ich FICTION' gestellt werden und dann erwartet wird, dass völlig wildfremde Leute für einen die (nicht ganz unerhebliche) Arbeit machen. Und das ganze bitteschön noch didaktisch perfekt aufbereitet.

P.S. Ich habe Fiction übrigens mal in seine Einzelteile zerlegt. Dabei die Überschrift rausgenommen, einige Programmierklopser rausgenommen, es zentriert und einen Footer druntergesetzt, der immer am Ende der Seite sitzt (was mit der oben genannten Zentrierungsmethode unmöglich ist). Aber das stelle ich nächste Woche hier mal vor ....
Viele Grüße

Jürgen

--------------------------------------------------------------------------------------------
Templates für W2D: http://www.webdesign.siegmann.ws


http://www.siegmann.ws - http://www.postkartenparadies.de

Amoz111

Beginner

Posts: 32

Location: Jena

  • Send private message

7

Friday, August 1st 2008, 7:22pm

He Leute,
nicht allergisch reagieren. Ich bin auch in einigen anderen Foren unterwegs und hab mich noch nie irgendwo daneben benommen. :smile3
Ich bin DANKBAR für jede Hilfe und schätze die Mühe, die sich andere User machen. EHRLICH!
Aber so ein Forum ist nun mal ein prima Platz für Leute (wie mich), die mit ihrem Zeugs (vorerst) nicht alleine zurechtkommen und dazulernen wollen und dazu ein paar Tipps und Tricks gebrauchen können.
Ich wollte Hschiko keineswegs persönlich angehen, aber seine Meinung wird man ja sicher noch sagen können, ohne gleich kollektive Prügel zu beziehen. Es gibt m.E. andere User, die vielleicht mehr Talent haben, sachlich und übersichtlich an ein Problem heranzugehen und eine Lösung dafür vorzuschlagen und das ist ja nun kein Beinbruch oder sowas.
Die "Fassungslosigkeit" auf meiner Seite betrifft eher W2D, das überall als super einfach usw. angepriesen wird, aber m.E. im Detail keineswegs hält, was versprochen wird (immerhin auch für einen gewissen Preis). Wenn ich hier z.B. sehe, daß eigentlich jedes Design schon mal von privater Seite zentriert wurde, frage ich mich, wieso diese (offenbar also oft gefragte) Möglichkeit dann nicht einfach vom Programmierer mal zur Kenntnis genommen wird, nicht mal in der 5. Vollversion in Folge!
So und nun laßt's gut sein ... Streue Asche auf mein Haupt und wünsche allseits ein schönes Wochenende ... :wink2

8

Friday, August 1st 2008, 8:04pm

Moin Moin :)

@Jürgen (Graf Foto)

Freut mich sehr zu hören das Du Dich mit dem Design so intensiv beschäftigt hast und ich hoffe, wenn Du Deine Änderungen gepostet hast, davon lernen zu können.

Ich habe jetzt auch mal versucht einen Footer zu setzten. "Klappt" auch, aber ihr werdet wahrscheinlich die Hände über dem Kopf zusammenschlagen, wenn ich Euch jetzt meinen Versuch darlege *G*

Also ich habe meinen Footer (der erstmal nur Text enthalten sollte) wie folgt realisiert:

1. Im Designordner die Datei kontak.ccml angelegt und wie folgt "gefüllt"

Source code

1
2
3
<center>
<p>Max Mustermann, Musterstr. 2-4 in Musterstadt </p>
</center>


2. Dann habe ich in der navigation.ccml unter <!-- Content --> ein <cc:include src="kontakt.ccml"> gesetzt:

Source code

1
2
3
4
5
6
<!-- Content -->

<div id="content">
<cc:print value="&page.content.text">
<cc:include src="kontakt.ccml">
</div>


Und so sieht das Ergebnis aus:



Kann ich das so machen und nun die kontakt.ccml mit weiterem Content füllen oder sollte ich das anders machen?

Gruß aus dem Harz
Chris

9

Saturday, August 2nd 2008, 2:17pm

Moin Moin :)

Wieder zurück zum Thema (die anderen Sachen gehören ja hier eigentlich nicht hier in diesen Thread sondern in OffTopic oder so, naja - Dazu sein von meiner Seite nur gesagt: Ich habe bis jetzt keinen Grund mich bei den Hilfestellenden zu beschweren :) - von meiner Seite aus also alles im grünen Bereich und nochmals danke an die "Supporter").

Meine erste Erkenntnis aus meinem erstellten "Footer" ist die, das der "Footer" immer direkt unter dem letzen Contenteintrag steht. Ist also nur ein Absatz auf der Seite ist der "Footer" weiter oben und so. Also eigentlich kein "Footer" in dem Sinne wie er hier in denen von den Experten geänderten Desgins zu finden ist.

Aus diesem Grund wäre ich Jürgen bzw Seven SEHR DANKBAR, wenn ich auf ein von Ihnen geändetes FICTION Desing zurückgreifen darf. Denn dann habe ich u.a. die Chance die beiden Desgins (geänderte und Original) Stück für Stück zu vergleichen und daraus zu lernen.

Also allen ein entspanntes Wochenende :)

LG
Chris

Amoz111

Beginner

Posts: 32

Location: Jena

  • Send private message

10

Wednesday, August 6th 2008, 8:58pm

Fiction einfach nur zentriert

Hallo,
also mich würde mal eine Variante interessieren, wie man Fiction einfach nur zentriert, ohne die zusätzlichen anderen Umbauten und Änderungen des Designs, wie sie in den hier geposteten Varianten immer mit dabei sind.
Gruß und Dank
sagt Euch der Frank :wink:
(oder eben Amoz111)

11

Tuesday, September 23rd 2008, 9:56pm

geschafft ???

Posts: 1,842

Location: Berlin

Occupation: Helfer bei Siemens Power Generation AG, Berlin

  • Send private message

12

Saturday, October 11th 2008, 4:53pm

Hallo Frank (Amoz),

auch wenn der Post und deine Frage:
Hallo,
also mich würde mal eine Variante interessieren, wie man Fiction einfach nur zentriert, ohne die zusätzlichen anderen Umbauten und Änderungen des Designs, wie sie in den hier geposteten Varianten immer mit dabei sind.
Gruß und Dank
sagt Euch der Frank
(oder eben Amoz111)
schon etwas älter sind.

Du kannst Festpositionierte Deisgns ( und das sind so gut wie alle Designs von DB)
nur mit den genannten Tricks uentrieren.

= #zentrieren {
position: absolute; /*wichtig*/
left: 50%; /*wichtig*/
margin: 0 -493px; /*wichtig*/
width: 985px;
}

Anders geht es bei positionieren relative-Angaben, sprich mit Containern und so.

Wie Jürgen bereits erwähnte muss dazu das ganze Design neuaufgezogen werden und mit position relative versehen werden.
Und da kommt denn der große Haken, denn IE6 will einiges mit overflow:visible, während die Standartkonformen Browser ein overflow:hidden möchten.
Demzufolge muss man die IE Hacks entweder im style_design.css extra deklarieren, oder
ein extra Stylesheet erstellen.

Der Aufwand ist schon enorm. Dies merkst du wenn du selbst Design erstellst.
Eine gute Anlaufstelle um sich in das Thema zu vertiefen ist und bleibt,
<!-- m --><a class="postlink" href="http://de.selfhtml.org/index.htm">http://de.selfhtml.org/index.htm</a><!-- m --> und <!-- m --><a class="postlink" href="http://www.css4you.de/">http://www.css4you.de/</a><!-- m -->.

Lies dich da mal einwenig ein. Und dort gibt es genügend Beispieldesigns mit denen du gut anfangen kannst zu lernen ..... und zu verstehen!

Also, wenn du Fiction zentriert haben möchtest, bleibt dir vorläufig nichts anderes übrig als die hier im Post genannten Tricks anzuwenden .... oder du belässt es so wie es ist!

In diesen Sinne, ein wunderschönes Wochenende .... knapp 17 Grad in Berlin.
Grüße Sven
--------------------------------------------------------------------------------
Tipps und Trick auf meiner w2d-schulungspage - wieder eröffnet.
Demos auf meiner Demoseite.
Meine Private Homepage

Amoz111

Beginner

Posts: 32

Location: Jena

  • Send private message

13

Sunday, October 12th 2008, 5:11pm

Hab ich auch so gemacht ...

Hallo Sven,

danke, daß du dich nochmal dem Thema annimmst. Ich hab die Zentrierung tatsächlich mit der Variante realisiert, die du als "Trick" bezeichnest. Hab schon mitgekriegt, daß dies von einigen hier im Forum als nicht elegant und den HTML-konform angesehen wird, aber was soll's - ist mir schnuppe. Wichtig ist, daß es funktioniert.

Schönes Wochenende und danke auch nochmal an Jürgen, der sich über die Zentrierung ja die eigentlichen Gedanken gemacht hat :)

14

Tuesday, May 19th 2009, 9:44pm

hallo Forum!

danke für eure hervorragende teilnahme an der entwicklung
von s2d und w2d und beseitigung von probs.
ihr habt mir schon sehr geholfen!
habe den angaben nach meine fiction seite zentriert.
funktioniert auch im firefox und IE auch gut, nur im google chrome nicht.
da ist sie weiterhin linksbündig.
habt ihr ne idee was da los sein kann und wie ich es auch für chrome anpassen kann?

besten dank im vorraus,
der Basti

Posts: 2,590

Location: Bielefeld

Occupation: Lebenskünstler

  • Send private message

15

Wednesday, May 20th 2009, 8:29am

Hallo Basti.

Da du neu bist, erst mal herzlich willkommen hier ...

Und dann auch an dich (zum 1.833.792 Mal) der Hinweis: Hier kann leider niemand hellsehen. Also entweder gibst du uns einen Link damit wir mal schauen können, oder es wird dir wohl keiner helfen (können).
Viele Grüße

Jürgen

--------------------------------------------------------------------------------------------
Templates für W2D: http://www.webdesign.siegmann.ws


http://www.siegmann.ws - http://www.postkartenparadies.de

16

Monday, May 24th 2010, 7:31pm

Re: [ERLEDIGT] Fiction zentriert (!) - VIELEN DANK !

hallo,

auch auf die gefahr hin, dass ich sehr nerve, aber ich habe alles so gemacht wie es beschrieben wurde. aber leider wurde die seite nicht centriert. es ist gar nicht passiert.

wer kann mir helfen.......

Bitte.,

Danke

LG

Nike77

Trainee

Posts: 81

web/shop to date Version: 8.0

  • Send private message

17

Friday, June 24th 2011, 10:41am

Auch wenn das Thema schon älter ist,
Nochmal Danke an ChristianB für die Zusammenfassung.
Nach dem lesen des ersten Beitrages hat es sofort funktioniert (auch in w2d 7)
:D :D :D :D :D :D