Anfängerfrage CSS

[Ado_Biene]

Hallo,

ich arbeite mich gerade in Contao mit Hilfe des Buches von P. Müller ein.

Es soll eine Beispielseite mit einem grauen Hintergrund (body) erstellt werden. Der dem body untergeordnete wrapper soll eine weiße Hintergrundfarbe haben. Leider zeigt Contao, obwohl ich 3 x alles überprüft habe, den weißen Hintergrund nicht an.

Bei meinem Problemlösungsversuch bin ich auf einen mir nicht verständlichen Zusammenhang gestoßen. Lasse ich mir den Quelltext der Frontend-Vorschau anzeigen, sehe ich im Quelltext das div wrapper. Im Quelltext des Backends fehlt das div wrapper.

Gibt es da einen Zusammenhang mit der nicht ausgeführten Stylesheet-Anweisung (Hintergrund wrapper: weiß)? Und wenn ja, muss ich das div wrapper noch einfügen?

[Flex]

Der Quelltext des Backends hat auch nichts mit dem Quelltext des Frontends zu tun.

Entwickelst du lokal oder online?

Hat der Wrapper bereits Inhalt?
Wenn nein, hat er auch keine Höhe und wird somit ausgeblendet und man kann auch keinen weißen Hintergrund sehen.

[Ado_Biene]

Ups, das ging aber schnell!

Ich entwickele lokal.

Im wrapper befindet sich eine Kopf- bzw. Fußzeile im main-Bereich und eine Navigation im Bereich left. Die Höhe der Kopf- und Fußzeile (mit eigenem HTML-Code) sollte in dem Beispiel unberücksichtigt bleiben.

[pmmueller]

Es soll eine Beispielseite mit einem grauen Hintergrund (body) erstellt werden. Der dem body untergeordnete wrapper soll eine weiße Hintergrundfarbe haben.

Und hier dein ganz persönlicher Fragenkatalog

• Du steckst in Kapitel 6.5 beim ersten Stylesheet?
• Die Formatierungen für body werden korrekt angezeigt?
• Sieht dein Stylesheet so aus wie in Abbildung 6.14 auf Seite 137?
• Dir fehlt der weiße Bereich von Abb. 6.15, aber sonst ist alles da?
• Kennst du "Firebug"?

Lasse ich mir den Quelltext der Frontend-Vorschau anzeigen, sehe ich im Quelltext das div wrapper. Im Quelltext des Backends fehlt das div wrapper

Der Quelltext vom Backend hat wie von Flex schon erwähnt mit der Sache gar nichts zu tun. Den kannst du jetzt und in Zukunft komplett ignorieren.

Das div#wrapper stammt aus dem Seitentemplate fe_page.tpl (siehe Seite 128, Listing 6.1). Da musst du in Kap. 6 nichts wegnehmen oder hinzufügen.

Was dich vielleicht irritiert ist, dass die Frontend-Vorschau ein Frameset ist. Wenn du in dem hellgelben Vorschaubalken ganz oben rechts auf das x klickst, wird der Frameset entfernt und dann siehst du den wirklichen Quelltext der Webseite.

[magicsepp]

Habe heute auch das Buch bekommen, vom durchblättern und was ich schon gelesen habe....

RESPEKT...
cooles Werk ... vielen Dank Peter Müller

das schmunzeln hier und da konnte ich mir wirklich nicht verkneifen.

Gibt es Limitationen mit 2.9.3 ? Das wird mein Wochenendprogram werden?

[pmmueller]

RESPEKT...
cooles Werk ... vielen Dank Peter Müller

Vielen Dank für das Kompliment. Wenn's gefällt einfach weiter erzählen

Gibt es Limitationen mit 2.9.3 ? Das wird mein Wochenendprogram werden?

Lies dir einfach die Meldungen auf der Site zum Buch durch:

• http://websites-erstellen-mit-contao.de/aktuelles.html

Wirklich relevant ist die Geschichte, dass man bei der Suchfunktion keine Weiterleitungsseite erstellt.

[fritzi47]

Hallo, ich bin kein Neuling, was html und css betrifft.

Mit Contao fange ich gerade an nach dem Buch Websites erstellen mit Contao 3.

Bis Seite 177 kam ich super klar.

Jetzt habe ich auch das wrapper-Problem. Im Frontend sieht man den Erfolg der css-Datei, nur der wrapper fehlt, alles ist grau in grau.

Du steckst in Kapitel 6.5 beim ersten Stylesheet? - ja
Die Formatierungen für body werden korrekt angezeigt? - ja
Sieht dein Stylesheet so aus wie in Abbildung 6.14 auf Seite 137? - ja
Dir fehlt der weiße Bereich von Abb. 6.15, aber sonst ist alles da? - ja
Kennst du "Firebug"? - ja, benutze aber nicht Firefox

In der css-Datei steht der wrapper: #wrapper{margin:0;width:auto}

Hier: Themes » Theme One » Stylesheets » layout steht er richtig wie im Buch.

Kann mir da bitte jemand helfen? Was mache ich falsch?

[fritzi47]

Hat sich erledigt, danke.

Ich habe das Zeichen # vergessen.