Barrierefreies Hintergrundbild

Hallo

hier erstmal mein html und und den vorläufigen ts

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Your Page Title</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<!-- add your meta tags here -->
<link href="css/main/base.css" rel="stylesheet" type="text/css" />
<link href="css/main/basemod.css" rel="stylesheet" type="text/css" />
<link href="css/main/content.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <div id="page_margins">
      <div id="header"></div>
      <div id="nav"></div>
      <div id="col1" class="transparent">
          <div id="col1_content" class="clearfix"></div>
      </div>
      <div id="col3" class="transparent">
          <div id="col3_content" class="clearfix"></div>
          <!-- IE Column Clearing -->
          <div id="ie_clearing">   </div>
      </div>
      <!-- begin: #footer -->
      <div id="footer"></div>
  </div>
</body>
</html>

# Default PAGE object:
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page

# Dynamisches Hintergrundbild
lib.hgbild = TEXT
lib.hgbild {
        field = media
        listNum = 0
        wrap = background-image: url(fileadmin/templates/img/HintergrundBlatt.png)
	}

ich habe ein hintergrundbild in page_margin eingefügt und es wird mir auch angezeigt. da bei mir alles dynamische bzw. barrierefrei ist, sollte sich das bild dem container (page_margin) automatisch anpassen.

mein frage ist geht das und vorallem wie???
MFG

IMO können Hintergrundbilder per CSS nicht in der Größe verändert werden (jedanfalls noch nicht).

Man müsste mit TYPO3 an die Fenstergröße des Besuchers herankommen und dann das Hintergrundbild dynamisch generieren (Aufwand, Sinn?)

Das weiss ich das das nicht geht....deswegen habe ich das bild auch per ts eingefügt und nicht per css.

das problem ist die seite ist dynamisch und passt sich der jeweiligen auflösung an. dann würde mein Hintergrundbild je nach auflösung kleiner oder größer im container werden bzw es bleibt ja gleich groß nur der container wird kleiner oder größer, und das soll ja mit dem container größer oder kleiner werden

dafür sollte es doch ne lösung geben in typo3??

Olla!

Vielleicht hilf Dir das ja weiter:
http://home.comcast.net/~ansiguy/alpha_image_test_2.htm

Ist keine CSS basierte Lösung (bezogen auf background-image), sondern mit z-index und absoluter Positionierung.

gruss, fuss

hi fuss danke für deine antwort

aber leider ist das nicht so ganz das passende.

ich habe jetzt ein javascript gefunden das vielleicht nützen könnte. Nur weiss ich nicht wie ich jetzt die javadatei einbinden kann in lib.hgbild.

für den headerberreich steht überall was, aber ich will es in lib.hgbild einbinden. wenn jemand ne idee hat her damit

MFG

wie kann ein hintergrundbild jemals barrierefrei sein?

ein hintergrundbild ist ein reines designelement und kein content - es ist völlig egal ob ein blinder benutzer oder ein motorisch eingeschränkter benutzer etwas damit anfangen kann oder nicht - wenn es fehlt, darf es nicht stören

wenn das bild inhalt ist und nicht zum design gehört, dann darf man es auch nicht als hintergrund einbinden

ich bin also am rätseln, wie die frage hier eigentlich gemeint ist

Alles eine Frage der Technik. Der Hintergrund muss einfach "wiederholbar" sein. Gutes Beispiel sind die iGoogle-Hintergründe. Schau dir einfach da an wie das gemacht wird.

http://google.de/ig/

Edit:
Im CSS ist das dann repeat-x/y

blub { background:white url(..) top repeat-x; }

suit schrieb

wie kann ein hintergrundbild jemals barrierefrei sein?

ein hintergrundbild ist ein reines designelement und kein content...

Sehe ich ganz genauso!