Grafikbreite an Browser anpassen

[Christian]

Hi,

ich hab ein Prob bei einer Grafik. Die ist 1500px breit und soll Oben auf die Seite... dummerweise ist natürlich ein browserfenster kleiner. Gibts ne möglichkeit die horizontalen Scrollbalken elegant loszuwerden? Die Grafik darf nicht einfach mit width:100% gestaucht werden, da die ansonsten müll ist... am besten wärs wenn sie einfach abgeschnitten würde am Fensterende... aber dazu habe ich nix gefunden und ein Overflow:hidden bringt nicht den erwünschten erfolg... und overflow-x versteht der Mozilla nicht.

[Cheatah]

Hi,

ein Overflow:hidden bringt nicht den erwünschten erfolg...

dann hast Du es nicht richtig angewendet.

und overflow-x versteht der Mozilla nicht.

Natürlich nicht, es ist MS-proprietär.

Cheatah

[Christian]

Hi,

ein Overflow:hidden bringt nicht den erwünschten erfolg...

dann hast Du es nicht richtig angewendet.

ich hab nen img-tag und dem dann eine class zugeordnet:
HTML:
<img class="oben" src="./images/head.jpg" alt="Kopfzeile">
CSS:
.oben {
 position: absolute;
 left: 0px;
 top: 0px;
 border: 0px none;
 height: 158px;
 overflow:hidden;
}

[Zeromancer]

Hallo,

CSS:
.oben {
position: absolute;
left: 0px;
top: 0px;
border: 0px none;
height: 158px;
overflow:hidden;
}

<auszug>

Diese Angabe kann von Bedeutung sein, wenn Sie für ein Element oder einen Bereich eine feste oder maximale gewünschte Breite oder Höhe definieren. Angenommen, Sie definieren einen Bereich mit <div>...</div>, für den Sie mit Hilfe der Style-Sheet-Angabe width eine Mindestbreite von 200 Pixeln erzwingen. Wenn Sie innerhalb dieses Bereichs eine Grafikreferenz (<img>) notieren, bei der das Bild eine Breite von mehr als 200 Pixeln hat, können Sie mit der hier beschriebenen Angabe regulieren, wie der Browser diesen Konflikt lösen soll.

</auszug>

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

Es wird evtl. an der fehlenden Breitenangabe scheitern?

Mit freundlichen Grüßen

André

[Christian]

Es wird evtl. an der fehlenden Breitenangabe scheitern?

ich habs gefunden...

ich musste ein <div> um das <img> legen und dem dann das overflow:hidden geben... und dem <div> dann eine width von 100%, das <img> brauchte gar keinen styletag.

Danke für die Hilfe

[Zeromancer]

Hallo,

das <img> brauchte gar keinen styletag.

Warum auch? Es schneidet sich ja nicht selbst ab...

Mit freundlichen Grüßen

André

[Zeromancer]

Hallo,

.. am besten wärs wenn sie einfach abgeschnitten würde am Fensterende... a

Und wenn du sie als background-image einfügst?

Mit freundlichen Grüßen

André