Hallo ich verzweifel langsam!
Ich möchte meine neue Typo3 Website komplett ohne HTML Datei bauen. Um die statischen Elemente anzuzeigen, schreibe ich die Positionen in eine CSS Datei und rufe diese über TypoScript auf. Mein Problem ist nun das ich immer am ende der Website eine Footer -Grafik haben möchte der sich je nach länge des vorherigen Layers verschiebt. Die Version über p:after wäre eine sehr schöne Variante gewesen nur leider bekommt das der "tolle" Internet Explorer nicht hin.
Kennt jemand eine Alternative oder hat jemand dieses Problem schoneinmal gehabt!
Danke im vorraus!
Hallo Theo,
kann das sein das du dir den Text nicht richtig durchgelesen hast. Ich denke das Problem hat sehrwoll etwas mit Typo3 zutun. Na ja vielleicht haben andere ja
mehr Interesse an Template-Gestaltung ohne HTML.
also wenn Du eine Webseite ganz ohne HTML bauen willst und nur mit css hat das mit Typo3 wirklich nichts zu tun. Wobei ich mir nicht vorstellen kann wie das funktionieren soll #giggle#
Wir zeichnen bei unseren Seiten logisch aus und formatieren über css. Mit T3 hat das aber nichts zu tun. Typo3 macht ja nichts anderes, als eine konfigurierbare Datenbankadministrationsoberfläche zu bieten und dann den Inhalt aus der Datenbank nach vorne zu schreiben.
Es sei denn Du willst wissen wie es geht, dass man eine Seite in T3 implementiert ohne ein HTML Template mit Markern und Subparts einzubinden, aber so habe ich Deine Frage nicht verstanden.
Viele Grüße
Niki
mstange schriebHallo Theo,
kann das sein das du dir den Text nicht richtig durchgelesen hast.
nach nochmaligem lesen: immer noch nö.
mstange schriebIch denke das Problem hat sehrwoll etwas mit Typo3 zutun.
hmmm, du hast aber doch ein reines css-problem beschrieben
mstange schriebNa ja vielleicht haben andere ja
mehr Interesse an Template-Gestaltung ohne HTML.
wie kommst du zu der völlig absurden vermutung, ich hätte kein interesse daran??
ich mache seit längerem nichts anderes mehr als css-basierte seiten, wobei es ganz ohne HTML, (in meinem fall XHTML) nicht geht, denn dann hätte das css ja nun überhaupt gar nichts mehr, worauf es sich beziehen könnte... 😉
p.s.: wobei du erstmal klären solltest, was du nun überhaupt meinst:
einmal hast du geschrieben, daß du ohne HTML-datei arbeiten möchtest, was überhaupt kein problem darstellt.
ein anderes mal schreibst du, du willst ohne HTML arbeiten, aber das... nun ja, s.o. 8-)
hi theo,
du scheinst viel erfahrung zu haben. Kann man irgendwo deine webseiten sehen?
😃
grus,
danabanana
nochmals an mstange:
versteh mich bitte nicht falsch. ich poste nicht, um irgendjemanden zu ärgern, sondern mein erste antwort oben war ein tip, um eine potentiell wesentlich höherwertige antwort zu deinem problem zu bekommen.
wie du daraus mangelndes interesse ableiten kannst ist mir aber immer noch ein rätsel... o.O
url wäre vielleicht hilfreich
😃 :p 😉
Hallo Theo
hier ein Auszug:
TypoScript:
seite = PAGE
seite.typeNum = 0
seite.stylesheet = fileadmin/style.css
seite.10 = IMAGE
seite.10.file = fileadmin/images/logo.jpg
seite.10.altText = Grafik
seite.10.titleText = Logo
seite.10.wrap = <div id="logo_container"> | </div>
seite.20 = IMAGE
seite.20.file = fileadmin/images/advertising.jpg
seite.20.altText = Grafik
seite.20.titleText = Logo
seite.20.wrap = <div id="advertising_container"> | </div>
seite.40 < styles.content.get
seite.40.wrap = <div id="content_normal">  |  </div>
CSS:
BODY {
background-image: url(../fileadmin/images/hintergrund.jpg);
background-attachment: fixed;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
line-height:18px;
font-size:11px;
padding-left:20px;
}
b {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:16px;
padding-left:20px;
}
#logo_container {
position: absolute;
left: 120px;
top: 60px;
}
#advertising_container {
position: absolute;
left: 120px;
top: 140px;
}
#content_normal {
position: absolute;
left: 120px;
top: 225px;
padding-top:20px;
background-image: url(../fileadmin/images/text_back.jpg);
width: 775px;
}
jo das schaut doch ganz fein aus so. Sehr ordentliches T3 Template. Und hört sich immer noch nicht nach einem T3 Problem sondern nach einem css Problem (Browserkompatibilität) an. Öhm ... einfach die Footergrafik hinter dem content wrap einfügen?
Viele Grüße
Niki
Hab ich so auch jetzt gemacht! Wollte halt eine "elegante" Variante im CSS finden.
Trotzdem Danke
Hi.
zeige mir doch bitte mal deine Webseite wo das problem auftritt.
Wenn ich dein CSS ansehe, kommt mir so leicht die vermutung das Du noch nicht so viel Erfahrung mit CSS hast.
mstange schriebWollte halt eine "elegante" Variante im CSS finden.
öhmm, was ist daran "unelegant"? weil es ein zusätzlicher container ist?
lerne immer wieder gerne dazu.
Liberation schriebWenn ich dein CSS ansehe, kommt mir so leicht die vermutung das Du noch nicht so viel Erfahrung mit CSS hast.
Weil er jeden Tag separat definiert und versch. Merkmale in den versch. wieder definiert, statt immer nur die Änderungen zu überschreiben, oder warum?
Mensch Leute,
ich wollte hier jetzt keine riesen Diskusion vom
Zaun brechen! Ich finde nur die "herkömmliche"
Art Designvorlagen zuerstellen (wie Sie auch in
der Doku von Robert Meyer steht) mit Tabellen
nicht so toll (Tabellen mit clear.gif usw.)
Ich denke die Version nur mit CSS und TS ist
auch Barrierefreier!
Trotzdem Danke an alle (Problem hab ich nun gelöst)
<div id="hallo>blubb</div> ist aber schon html und ohne gehts nicht. CSS macht dazu eben die Optik & positionierung.
Div´s Absolut zu positionieren gibt viele Probleme das meinte ich mit CSS.
sieht so ein bisschen nach Dreamweaver Divs aus^^
P.S.
Dreamweaver finde ich klasse!!
benutzte ich auch, aber mit dreamweaver kann man eben dvis nicht vernümftig bzw. garnicht, positioniern🙁.
#content_normal {
position: absolute;
left: 120px;
top: 225px;
padding-top:20px;
background-image: url(../fileadmin/images/text_back.jpg);
width: 775px;
height: auto; sollte da auch rein.
}