• Aktualisierte Forenregeln

    Eine kleine Änderung hat es im Bereich Forenregeln unter Abschnitt 2 gegeben, wo wir nun explizit darauf verweisen, dass Forenkommentare in unserer Heftrubrik Leserbriefe landen können.

    Forenregeln


    Vielen Dank

Grafik-Problem auf Webseite

Eol_Ruin

Nerd
Registriert
01.02.2003
Beiträge
6.060
Reaktionspunkte
35
Ich habe eine Grafik die 1280 pixel breit ist.
Diese möchte ich als Banner in meine Homepage einbinden.

Frage:

Gibts eine Möglichkeit das wenn das Browserfenster verkleinert wird (auf 1024 oder kleiner), das KEIN horizontaler Balken erscheint, sondern die Grafik am Bildrand einfach abgeschnitten wird?

Danke im Voraus!
 
Eol_Ruin am 21.03.2005 18:45 schrieb:
Ich habe eine Grafik die 1280 pixel breit ist.
Diese möchte ich als Banner in meine Homepage einbinden.

Frage:

Gibts eine Möglichkeit das wenn das Browserfenster verkleinert wird (auf 1024 oder kleiner), das KEIN horizontaler Balken erscheint, sondern die Grafik am Bildrand einfach abgeschnitten wird?

Danke im Voraus!
Das ganze in nen Frame packen und bei dem Frame dann die Scroll Funktion deaktivieren

Gruss
 
Ohne Frame gehts nicht?

Ich will keine Frames auf meiner Page verwenden.
Trotzdem danke!
 
ES GEHT DOCH!

Und zwar mit CSS und z-index:


<div style="position:absolute; top:0px; left:0px; z-index:1;">
<img src="pic/title_oben.jpg"></div>
<div style="position:absolute; top:0px; right:0px; z-index:0;">
<img src="pic/title_unten.jpg"></div>

Da schieben sich die 2 Grafiken ineinander und die obere (mit z-index 1,auf der der Titeltext steht) bleibt oberhalb.
Weil die untere Grafik rechts ausgerichtet ist kommen keine balken!

OK! wenn man die webseite auf weniger als 600 pixel zusammenstecht schon!
Und wenn man den Browser auf mehr als ca.1300pixel breite setzt auch!
Aber da ist das Layout dann sowieso schon im A.....
 
Eol_Ruin am 21.03.2005 19:22 schrieb:
Ohne Frame gehts nicht?

Ich will keine Frames auf meiner Page verwenden.
Trotzdem danke!

ES GEHT SOGAR NOCH VIEL BESSER !!!

Du nimmst eine div-Element und packst dort deine Grafik hinein! Danach arbeitest du im style-Tag mit dem overflow-Element!

Siehe
<div style="width:200px; height:150px; overflow:hidden; ">
<img src="große Bilddatei.jpg" width="208" height="181" alt="große Bilddatei" border="0"></div>


Nachzulesen unter
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow
 
chrissis am 22.03.2005 13:24 schrieb:
Eol_Ruin am 21.03.2005 19:22 schrieb:
Ohne Frame gehts nicht?

Ich will keine Frames auf meiner Page verwenden.
Trotzdem danke!

ES GEHT SOGAR NOCH VIEL BESSER !!!

Du nimmst eine div-Element und packst dort deine Grafik hinein! Danach arbeitest du im style-Tag mit dem overflow-Element!

Siehe
<div style="width:200px; height:150px; overflow:hidden; ">
<img src="große Bilddatei.jpg" width="208" height="181" alt="große Bilddatei" border="0"></div>


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

Was ist dann wenn das Fenster kleiner als das DIV-element wird!
Dann kommen doch erst recht wieder Bildlaufleisten oder?

So siehts jedenfalls bei selfhtml aus!
 
Eol_Ruin am 22.03.2005 15:45 schrieb:
chrissis am 22.03.2005 13:24 schrieb:
Eol_Ruin am 21.03.2005 19:22 schrieb:
Ohne Frame gehts nicht?

Ich will keine Frames auf meiner Page verwenden.
Trotzdem danke!

ES GEHT SOGAR NOCH VIEL BESSER !!!

Du nimmst eine div-Element und packst dort deine Grafik hinein! Danach arbeitest du im style-Tag mit dem overflow-Element!

Siehe
<div style="width:200px; height:150px; overflow:hidden; ">
<img src="große Bilddatei.jpg" width="208" height="181" alt="große Bilddatei" border="0"></div>


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

Was ist dann wenn das Fenster kleiner als das DIV-element wird!
Dann kommen doch erst recht wieder Bildlaufleisten oder?

So siehts jedenfalls bei selfhtml aus!

Hi,

also ich glaub das es bei den meisten der fall sein wird das die seite keine 1280x1024 haben wird...außer bei der PC-Games Community...entweder machst es auf 1024 und mittig, jeweils rechts und links dynamisch...oder versuchst mit javascript die Bildschirmauflösung rauszubekommen und so das Banner zuladen...machste halt eins für 1024 noch...

oder machst das banner auf 1024 und so am rechten ende das es mit einem
1pixel breiten Pic, was du dann dynamischen nach rechts verlängert kannst, aber halt gleich dann alles was über 10024 drüberraus geht...

aber beides bzw die anderen möglichkeiten find ich sinnlos, weil du immer irgendwo nachteile hast...orientiere dich am durchschnitt...1280 ist viel zu breit find ich für ne seite...1024 reicht doch völlig aus...aber musst du ja wissen...

MfG
 
Jap da ganze fkt. wenn du die Breite des div-Elements auf 100% setzt. Dann wird die Grafik immer abgeschnitten wenn sie über den Bildschirmrand hinüber ragen würde!!!

Fertig
 
Zurück