Größeren Inhalt eines DIV's "verstecken"?

[a2moosh]

Hallo Leute,

ich stehe vor folgendem Problem.
Ich habe ein DIV mit einer fest definierten Größe - sagen wir 20 x 20 px - in diesem DIV wird ein Bild angezeigt, welches aber größer als die 20 x 20 px ist.
Wie kann ich dafür sorgen, dass das hinausragende Bild "abgeschnitten" wird?

[Gunnar Bittersmann]

@@a2moosh:

nuqneH

Wie kann ich dafür sorgen, dass das hinausragende Bild "abgeschnitten" wird?

Wie es in http://de.selfhtml.org/@title=SELFHTML steht. Click.

Dass http://de.selfhtml.org/css/@title=CSS Mittel der Wahl ist, weißt du ja. Click.

Ob es wohl eine dafür zuständige http://de.selfhtml.org/css/eigenschaften/@title=Eigenschaft gibt? Click.

Wird wohl was mit „<http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=Anzeige von Elementen>“ zu tun haben. Click.

Hm, „<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=Elementbereich mit übergroßem Inhalt>“. Click.

Da ha’m wa’s ja. War doch gar nicht so schwer.

Qapla'

[suit]

Hm, „<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=Elementbereich mit übergroßem Inhalt>“. Click.

Da ha’m wa’s ja. War doch gar nicht so schwer.

Anscheinen doch, denn hättest du die Seite bis zum Ende durchgelesen, wüsstest du, dass es http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clip gibt und das div-Element drumherum dafür nicht notwendig ist :)

Andererseits: warum wird nicht serverseitig (oder per Hand) ein 20x20 großes Bild angeboten? Spart traffic und somit auch Ladezeit.

[Shadowcrow]

'ǝɯɐu$ ıɥ

Hm, „<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=Elementbereich mit übergroßem Inhalt>“. Click.

Da ha’m wa’s ja. War doch gar nicht so schwer.

Anscheinen doch, denn hättest du die Seite bis zum Ende durchgelesen, wüsstest du, dass es http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clip@title=clip gibt und das div-Element drumherum dafür nicht notwendig ist :)

Und hättest du dir den Eintrag zuende durchgelesen angesehen wärest du draufgekommen das das DIV evtl. doch nötig ist. :-P

Was macht der OP wenn er das IMG nicht absolut positionieren will/kann? Von der Tatsache das der IE < 8 ungültiges CSS 2.1 im standardkonformen Modus verlangt mal ganz abgesehen.

ssnɹƃ
ʍopɐɥs

[suit]

Und hättest du dir den Eintrag zuende durchgelesen angesehen wärest du draufgekommen das das DIV evtl. doch nötig ist. :-P

Mutmaßungen :)

[Bahamut]

Oder ums mal ganz einfach zu erklären:

.class {
 overflow:hidden;
}

[suit]

Oder ums mal ganz einfach zu erklären:

.class {
overflow:hidden;
}

Und das bringt genau was?

[Citrusleo]

Oder ums mal ganz einfach zu erklären:

.class {
overflow:hidden;
}

Und das bringt genau was?

Es bewirkt, dass Elemente, die aus Div's mit der Klasse "class" herausragen, abgeschnitten werden.
Gruß, Leo

[suit]

Es bewirkt, dass Elemente, die aus Div's mit der Klasse "class" herausragen, abgeschnitten werden.

Ja schon - aber was bezweckst du mit deiner Antwort im Kontext des Threadverlaufs?

[a2moosh]

Danke
"clip" kannte ich bislang nicht..

Wie es in http://de.selfhtml.org/@title=SELFHTML steht. Click.

Dass http://de.selfhtml.org/css/@title=CSS Mittel der Wahl ist, weißt du ja. Click.

Ob es wohl eine dafür zuständige http://de.selfhtml.org/css/eigenschaften/@title=Eigenschaft gibt? Click.

Wird wohl was mit „<http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=Anzeige von Elementen>“ zu tun haben. Click.

Hm, „<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=Elementbereich mit übergroßem Inhalt>“. Click.