---
title: "Bildschrimauflösungsabhäniges CSS"
url: "https://www.typo3.net/d/102812-bildschrimaufloesungsabhaeniges-css"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage","HTML & CSS"]
created: "2010-12-08"
last_reply: "2010-12-08"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Bildschrimauflösungsabhäniges CSS

Frontend › Barrierefreiheit · 1 Antwort · gestartet 2010-12-08

## Eröffnungsbeitrag

**Cubana13** · 2010-12-08 · [Beitrag #1](https://www.typo3.net/d/102812-bildschrimaufloesungsabhaeniges-css/1)

Ich möchte gerne ein Bildschrimauflösungsabhäniges CSS.

Aber wie binde ich das per TS ein.

Stell mich gerade etwas blöd an.
Mein Ansatz war...

Bitte um Unterstützung.

Vielen Dank

```typoscript
page {
  // Das CSS File zugewiesen
  bodyTag = <body>
 
  /*
  includeCSS.file1 = {$filepaths.css}stylesheet.css
  includeCSS.file1.media = screen,projection
  includeCSS.file1.title = Standardansicht
  */  
  
  headerData.5 = TEXT
  headerData.5.value (
  <script type="text/javascript">
		if (screen.width == 800) {
		document.write('<link rel="stylesheet" type="text/css" href="{$filepaths.css}stylesheet.css">') ;
		alert("StyleSheet für 800 x 600 wird geladen." ) ;
					}
		else if (screen.width == 1024) {
		document.write('<link rel="stylesheet" type="text/css" href="{$filepaths.css}stylesheet1.css">') ;
		alert("StyleSheet für 1024 x 768 wird geladen." ) ;
						}
		else if (screen.width == 1280) {
		document.write('<link rel="stylesheet" type="text/css" href="{$filepaths.css}stylesheet2.css">') ;
		alert("StyleSheet für 1280 x 960 wird geladen." ) ;
						}
  </script>

)

}
```

## Antworten

### [#2](https://www.typo3.net/d/102812-bildschrimaufloesungsabhaeniges-css/2) · t3attitude · 2010-12-08

Servus,

probier' doch mal die folgende Extension:

<http://typo3.org/extensions/repository/view/cc_screenres/current/>

Durch die Extension erhältst Du neue Möglichkeiten bei den Conditions, womit Du zum Ziel kommen solltest.

Viele Grüße

t3attitude

---

Quelle: „Bildschrimauflösungsabhäniges CSS“, typo3.net, https://www.typo3.net/d/102812-bildschrimaufloesungsabhaeniges-css
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
