Zum Inhalt springen

Website nur mit CSS

Erstellt am 18. April 2005 · 20 Antworten · letzte Antwort am 18. April 2005 · Seite 1 von 2

Tags: HTML & CSS, Frage

mstange ·

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"> &nbsp| &nbsp</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;
}

Unbekannter Benutzer ·

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

Liberation ·

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.

theo ·
mstange schrieb

Wollte halt eine "elegante" Variante im CSS finden.

öhmm, was ist daran "unelegant"? weil es ein zusätzlicher container ist?
lerne immer wieder gerne dazu.

mstuebner ·
Liberation schrieb

Wenn 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?

mstange ·

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)

Liberation ·

<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^^

Liberation ·

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.
}