CSS extra für kleinere Bildschirme

**Dani** · 01.03.2010, 16:15

Hi

Gibt es eine Möglichkeit, CSS-Files nur bei bestimmten Bildschirmauflösungen einzubetten? Irgendwie mit Javascript?

**Thomas** · 01.03.2010, 16:24

Gib dem Wrapper mal folgendes im CSS mit:

Code:

div#wrapper { width: auto;  min-width: 740px; max-width: 90em; }

Damit passt sich die Seite in der Breite an.
Unter Umständen mußt Du dann die anderen Werte auch anpassen (font-size usw.)

740px ist für eine Auflösung von 800x600.

**Dani** · 01.03.2010, 16:36

Hallo

Danke erstmals für deine Antwort. Ja dies ist mir auch bekannt. Ich möchte bei kleineren Bildschirmen den margin-top eines div-Containers kleiner setzen.

PS: Ich verstehe nicht, warum man die Containerbezeichnung (z.B. div) vor eine Id setzt. Kannst du mir das erklären? Das nützt meines Erachtens gar nichts.

**Thomas** · 01.03.2010, 16:42

Öhm!

PS: Ich verstehe nicht, warum man die Containerbezeichnung (z.B. div) vor eine Id setzt. Kannst du mir das erklären? Das nützt meines Erachtens gar nichts.

Das habe ich mir mittlerweile so angewöhnt. mußt Du ja nicht verwenden.

Zur Frage:
Dann gib dem Margin Prozentwerte mit!

**grambler** · 02.03.2010, 08:56

Zitat von Dani

PS: Ich verstehe nicht, warum man die Containerbezeichnung (z.B. div) vor eine Id setzt. Kannst du mir das erklären? Das nützt meines Erachtens gar nichts.

Das kann zur Übersichtlichkeit dienen, dass man das so organisiert. Allerdings ist es natürlich etwas schlanker, wenn man ohne arbeitet, so dass besonders Klassen wiederverwendbar sind.

Aber bei id's spielts grundsätzlich keine Rolle.