Rahmen um Webseite

**latscheli** · 16.01.2010, 20:14

Hallo,
ich bin gerade dabei meine erste Seite mit Typolight zu schreiben. Ich möchte einen Rahmen um die Seite setzen, wie es auch bei der Typolight Testseite "Music Academy" der Fall ist.

Ich kann aber leider nirgends finden wie dies gemacht wurde. Vorher habe ich alles in Dreamweaver mit CSS realisiert. Hier komme ich im Moment einfach nicht weiter.
Es ist mir schon peinlich so etwas zu fragen, aber ich bitte um Hilfe.

Schon mal vielen Dank im Voraus

latscheli

**do_while** · 16.01.2010, 20:28

Hallo latscheli,

willkommen bei TYPOlight.

Der eigentliche Homepage-Bereich ist in CSS #wrapper genannt. Wenn Du dafür im CSS einen Rahmen definierst, sollte das die Webseite umranden.
In der Music Academy ist das sicherlich über eine Hintergrundgrafik gemacht, da da auch Schatten dabei sind. Der Hintergrund kann dann sowohl in body oder auch im #wrapper angelegt werden - alles nur CSS-Formatierungen.

**latscheli** · 16.01.2010, 21:09

Hallo Hagen,

danke für die schnelle Antwort. Ich kann aber keine Definition von #wrapper finden. Wo steht die? Ich habe im basic.css und in der music_academy.css gesucht.

Auch im body ist kein Rahmen definiert. Hast du vielleicht noch eine andere Idee?

Ich bin für jeden Typ dankbar.

Gruß
latscheli

**planepix** · 16.01.2010, 21:16

Hallo latscheli,

schreibe einmal in die music_academy.css:

Code:

#wrapper{border:2px solid #ff3300;}

Dann sollt es einen roten Rand anzeigen.

**latscheli** · 16.01.2010, 21:26

Zitat von latscheli

Hallo,
ich bin gerade dabei meine erste Seite mit Typolight zu schreiben. Ich möchte einen Rahmen um die Seite setzen, wie es auch bei der Typolight Testseite "Music Academy" der Fall ist.

Ich kann aber leider nirgends finden wie dies gemacht wurde. Vorher habe ich alles in Dreamweaver mit CSS realisiert. Hier komme ich im Moment einfach nicht weiter.
Es ist mir schon peinlich so etwas zu fragen, aber ich bitte um Hilfe.

Schon mal vielen Dank im Voraus

latscheli

Hallo planepix,

juhuh, es hat funktioniert. Vielen Dank. Ich hoffe ich komme jetzt weiter.

Noch einen schönen Abend

latscheli

**planepix** · 16.01.2010, 21:29

Prima

Es gibt in den schon existierenden Stylesheets nicht alle möglichen CSS-Definitionen, manche muss man noch anlegen

Hilfreich ist, wenn Du mit dem Firefox-Browser arbeitetest und das AddOn Firebug installierst, dann lässt sich einfach und zügig die ID und Klasse der verwendeten Module und Inhaltselemente ablesen.

**latscheli** · 19.01.2010, 08:07

Hallo planefix,

danke für den Tip mit firebug. Das war sehr hilfreich.

Viele Grüße

latscheli

**grambler** · 19.01.2010, 09:58

Falls du dich mit CSS noch ein bisschen besser anfreunden willst, rate ich dir folgende Webseite einmal anzuschauen:
http://www.cssbasics.com/

Da gibt's ganz übersichtliche und einfache Erklärungen!

**almitra** · 19.01.2010, 13:01

Hi,
ich habe grad ein Problem das zum Thema passt. Für eine schnelle, einfache Lösung bin ich von der "Music Academy" ausgegangen. Jetzt ist die Site fertig und ich merkte, dass in allen IE-Versionen der Hintergrund (body) beim Zoomen stehen bleibt, auch die absolut positionierte Navi, und alles andere wandert ...
http://www.evborg20.at/neu/
Das ist auch bei der Music Academy so.

Hat jemand einen Rat für mich, wie ich das in Ordnung bringe?

Vielen Dank, Almitra

**grambler** · 19.01.2010, 13:50

Also beim IE8 unter Windows 7 scrollt / zoomt das einwandfrei?

**almitra** · 19.01.2010, 14:45

Zitat von grambler

Also beim IE8 unter Windows 7 scrollt / zoomt das einwandfrei?

Danke dir Greg, aber bei mir unter Windows XP wird der Hintergrund bei IE 6, 7 und 8 (IE-Tester) nicht mitskaliert, nur beim IE 7 bleibt der Inhalt immerhin in der Mitte und die Navi am Platz. Gibt es ein Möglichkeit, die Darstellung wie im Firefox zu erreichen?

**Thomas** · 19.01.2010, 17:12

Wie scalierst Du denn im IE-Tester?

Mit strg - Scrollrad geht es nicht!?

Gibt es da eine andere Option, die ich noch nicht kenne?

Im übrigen scaliert er im IE7 auch einwandfrei.

**Helmschrot Mumpe** · 19.01.2010, 17:48

Zitat von grambler

Also beim IE8 unter Windows 7 scrollt / zoomt das einwandfrei?

die Seite zoomt zwar im IE, jedoch läßt sich der Text dort nicht vergrößern.

Das liegt daran weil die erste Schriftart in px angegeben wurde.
Dann kann der Text im IE unter Standardeinstellungen nicht vergrößert werden.

Am besten sollte die erste Schriftgröße in Prozent angegeben werden und weitere dann in em oder Prozent.

**grambler** · 19.01.2010, 21:48

Äh sorry, welches Hintergrundbild meinst du denn genau?
Also ich kann hier beim besten willen nichts feststellen, was mich stören würde, sieht fein aus.

**almitra** · 20.01.2010, 08:25

Guten Morgen und lieben Dank!

Es sieht - zum Glück - tatsächlich so aus, als wäre das nur eine Fehldarstellung des IE-Testers. Vielleicht habe ich überreagiert, weil die Kundin urgiert hat, dass beim Vergrößern die Schrift rechts über die weiße Fläche läuft.

Ich hätte auch gleich dran denken können, einen Screenshot anzuhängen, das habe ich nachgeholt. In meinem IE8 ist jetzt alles korrekt.

Ich kenne vier Methoden zur Anpassung der Darstellungsgröße:
1.) Tastatur: Strg++, Strg+-, Strg+0 (zurückstellen)
2.) Menü > Ansicht > Zoom
3.) Im IE unten rechts Schieber oder "Lupe" %
4.) Scrollrad

Nochmals Danke und sorry, wenn ich unnötig für Irritation gesorgt habe. Übrigens stürzt im IE-Tester bei mir der IE7 regelmäßig ab?
Kennt vielleicht jemand noch ein besseres Tool zum Testen?

Liebe Grüße & schönen Tag euch!
Almitra

**Helmschrot Mumpe** · 20.01.2010, 09:25

Zitat von almitra

Ich kenne vier Methoden zur Anpassung der Darstellungsgröße:
1.) Tastatur: Strg++, Strg+-, Strg+0 (zurückstellen)
2.) Menü > Ansicht > Zoom
3.) Im IE unten rechts Schieber oder "Lupe" %
4.) Scrollrad

da fehlt noch
5.) im IE läßt sich unter Seite - Textgröße dieselbe verändern.

Diese Option nutzen viele ganz gerne, da beim Zoom das Layout schnell zu breit wird.
Eben das funktioniert im IE aus den Gründen, die ich in meinem ersten Posting genannt habe bei dir nicht.

**almitra** · 20.01.2010, 10:24

Zitat von Helmschrot Mumpe

da fehlt noch
5.) im IE läßt sich unter Seite - Textgröße dieselbe verändern.
Diese Option nutzen viele ganz gerne, da beim Zoom das Layout schnell zu breit wird.
Eben das funktioniert im IE aus den Gründen, die ich in meinem ersten Posting genannt habe bei dir nicht.

Danke, du hast recht. Beim FF geht das übrigens auch und es funktioniert da, aber die Navigation verschwindet dann bald unter dem News-Block. Das ist auch bei der TL-Demoseite so.
Fazit: Wenn der User es will, kann er jedes Layout zerstören ... irgendwie. ;-)

**Helmschrot Mumpe** · 20.01.2010, 11:02

Zitat von almitra

aber die Navigation verschwindet dann bald unter dem News-Block. Das ist auch bei der TL-Demoseite so.

das liegt an der Stapelreihenfolge.
Wenn du z.B. div.inside das position:relative wegnimmst den bleibt die navi beim skalieren über dem Newsblock.
Alternativ könnte div.mod_mootoolsnav z:B. z-index:5; bekommen, das hätte den gleichen Effekt.