Hallo Renzo,
danke für Deine Antwort. Im Grunde pflichte ich Dir bei, wollte es aber
erstmal ohne Module o. Ä. versuchen. Ist auch gut für den Lerneffekt.
Sagen wir mal so: ich habe die Setup und Constants des zugrunde
liegenden pofessionellen Templates beibehalten, aber mein eigenes
HTML-Grundgerüst erstellt und experimentiere jetzt mit der
Positionierung, den floats etc. Das Problem/Ergebnis ist bislang in
allen Browsern (IE 9, Firefox, Dragon) dasselbe, insofern wars noch
nicht so aufwändig...und so lang das Ganze nur als Testlauf auf meinem
Rechner stattfindet, ist es kein Problem - aber bei dem Durcheinander,
das sich ergeben hat, inzwischen recht nervig *g*.
Cu, Steffen
Am 23.04.2012 16:55, schrieb conPassione gmbh:
Hallo Steffen
ich denke, dass dies ein Entwicklungsauftrag wäre, Dir das richtige
Template (HTML+CSS) zu liefern. Das kostet so normalerweise ein oder
zwei Tage!
Aber, damit Du selber etwas machen kannst, empfehle ich Dir entweder
YAML als Basis zu verwenden (www.yaml.de) oder das HTML5-Bolierplate
(http://html5boilerplate.com/).
Beide geben Dir eine browserstabile Umgebung, welche Du mit ein paar
wenigen Änderungen und Ergänzungen für Dein Design brauchen kannst.
Ein Template von Grunde auf selber zu erstellen ist vor allem wegen den
IE-Abnormalitäten sehr aufwendig!
Liebe Grüsse
Renzo
_____________________________
Renzo Bauen
+41 79 330 10 11
conPassione gmbh
Am Montag, den 23.04.2012, 16:23 +0200 schrieb Steffen Liebig:
Hallo zusammen,
ich sitze derzeit daran, eine neue Webseite zu erstellen. Nachdem ein
professionelles Template sich nicht so umgestalten ließ, wie ich das
wollte, habe ich es selbst versucht.
Folgendes Aussehen ist das Ziel:
1) Header, evtl Top-Navigation (wichtige Oberseiten), 3 Spalten
(Navigation, Inhalt, Logos/Bannerwerbung), Fußzeile (z. B.
Copyright-Hinweis)
2) flexible Positionierung der Spalten (div's, floating)
3) Orientierung zumindest der Mittelspalte an der Fenstergröße
4) linke und rechte Spalte am sinnvollsten mit fixer Breite
bisherige Ideen zum Aufbau des Templates:
- Gesamt-div ("page-content")
-> enthalten sind Header, Topnavi, Inhalts-div und Footer
- Inhalts-div
-> enthält 3 Spalten (Navigation = left: feste Breite, floating links;
middle: floating rechts; right: feste Breite, floating rechts)
- je Spalte ein separater div für den eigentlichen Inhalt (Ziel:
separate Größendefinitionen und Vervielfältigungsmöglichkeit innerhalb
der Spalte)
-> jeweils per CSS "width=100%;"
- Footer: floating rechts, width: 100%; separater div für Inhalt (width:
100%)
Im Wesentlichen funktioniert das bereits, allerdings haben sich einige
Probleme ergeben:
1) die Fußzeile macht nicht, was sie soll
-> setze ich statt relativer eine absolute Positionierung (position:
absolute), vagabundiert der Footer quer durchs Bild - je nachdem, was
alles absolut steht, sitzt er mal oben und mal mittendrin - hält sich
also nicht an seine Position nach dem Inhalts-div, sondern scheint sich
eher an der letzten relativ positionierten Spalte zu orientieren
2) in der Analyse mit Firefox steht laut Code alles an der richtigen
Stelle, aber der Bildschirm zeigt was Anderes an
-> die hellen Stellen in der Anzeige ergeben, dass weder der
page-content noch der Inhalts-div all das beinhalten, was drin sein
sollte...aber wieso stimmt dann im Code alles ?! *confused*
3) gebe ich Allem ein "position: relative", passt es optisch, aber die
Mittelspalte nutzt nicht den vollen Platz bzw tut dies nur bei
800*600er-Auflösung (zufällig die richtige Gesamtbreite dafür *lach*)
-> Prozentangaben für die Breite des Mittelspalten-div's: hat
Auswirkungen auf den div eine Ebene höher und schiebt ab einem gewissen
Punkt (ca. 60% der Gesamtbreite) bei Platzauffüllung von rechts her (ist
das normal ?!) und kleiner Fensterbreite die Navigationsspalte aus dem
Bild. Passe ich in dieser Richtung an, ist in einem größeren Fenster
viel Platz zwischen den Spalten.
Sinnvolle automatische Platznutzung sieht m. E. anders aus.
Mir ist klar, dass die Problempunkte 1 und 2 zusammen einen
Erklärungsansatz zu liefern scheinen (wenn in den div's nicht alles drin
ist, was drin sein soll, hält sich der Footer an Gott weiß was, z. B. an
den letzten relativ positionerten div ?!). Wäre logisch, ich kapiere
aber den Grund nicht - der Code stimmt ja laut Analyse und trotzdem
macht die Bildschirmanzeige was komplett Anderes.
Hat jemand eine Ahnung, was da los sein könnte ? Ich bin für jede Hilfe
dankbar. Code-Dateien etc kann ich bei Bedarf aber erst heute nachmittag
schicken - ich sitze am Arbeitsplatz, meine Typo3-Installation liegt
daheim auf meinem Privatrechner.
Bis bald, Steffen
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
