---
title: "css: width:auto funktioniert nicht?"
url: "https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage"]
created: "2006-12-13"
last_reply: "2006-12-18"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# css: width:auto funktioniert nicht?

Frontend › Barrierefreiheit · 5 Antworten · gestartet 2006-12-13

## Eröffnungsbeitrag

**IrisHek** · 2006-12-13 · [Beitrag #1](https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht/1)

Hallo!

Habe folgendes Problem:
vorlage.html: <div id="trailerRechts"></div>

div#trailerRechts {
 background-color:#c2bdbd;
 background-image:   url(../fileadmin/images/trailerRechts.jpg);
 background-repeat:repeat-x;
 width:auto;
 height:163px;
 position:absolute;
 left:0px;
 top:0px;
}

wollte eine grafik sich so oft wiederholn lassen, dass oben praktisch ein streifen entsteht.
bei width: 100px zb funktioniert das auch
aber width: auto wird gar nichts angezeigt?

.. wie kann ich sonst angeben, dass er immer genau die ganze breite des fensters nehmen soll?

lg iris

## Antworten

### [#2](https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht/2) · maik · 2006-12-13

Versuch mal

```html
width:100%;
```

### [#3](https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht/3) · IrisHek · 2006-12-13

MAAAAAAAh ... danke ;)

### [#4](https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht/4) · IrisHek · 2006-12-13

hätt aber noch eine frage um ehrlich zu sein:

Hab eine Grafik die 1024px breit is(trailer), und re davon soll sich eine grafik wiederholn width:100% ;)

jedenfalls überlagert die sich wiederholende Grafik immer das bild(trailer) wenn ichs übers ganze mach, oder wenn ichs 1024 nach re positioniere, wirds 1024 zu lang. ??

lg iris

<div id="trailer"></div><div id="trailerRechts"></div>

div#trailer {
 background-image: url(../fileadmin/images/trailer.jpg);
 width:1024px;
 height:163px;
}
div#trailerRechts {
 background-image: url(../fileadmin/images/trailerRechts.jpg);
 background-repeat:repeat-x;
 width:100%;
 height:163px;
 position:absolute;
 left:0px;
 top:0px;
}

### [#5](https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht/5) · IrisHek · 2006-12-13

mit z-index kann man die ebenhöhe definieren..
lg

### [#6](https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht/6) · IrisHek · 2006-12-18

Hallo!

Hab jetz noch ein anderes Problem. Ich habe links eine Leiste, die den gesamten Browser von oben bis unten durchziehen soll. Bei height:100% wird zwar die gesamte Höhe angezeigt, aber wenn der text länger ist, und man scrollt nach unten, wird das Element nicht verlängert.

html:
<div id="container">
     <div id="linksUnten"></div>
     <div id="trailerRechts"><div id="trailer"></div></div>
     <div id="menuoben">###MENU_OBEN###</div>
     <div id="menuobenRechts"></div>
     <div id="links"></div>
     <div id="center">###INHALT###
           <div id="footer">###FOOTER###</div></div>
</div>

css:
div#linksUnten {
	background-color:47769f;
	height:100%;
	width:197px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

????!?
Mfg Iris

---

Quelle: „css: width:auto funktioniert nicht?“, typo3.net, https://www.typo3.net/d/54932-css-widthauto-funktioniert-nicht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.