Hilfe bei Einbindung der Bannergröße auf meiner Homepage gesucht

[Hyazinthe]

Hallo,

ich habe auf meiner Homepage einen Banner erstellt (Startseite | Fabis Gallerie), ihn soweit auch eingefügt.
Der Momentane html Code, den ich in der Administration meiner Seite ändern kann ist:
<br>
<div style="padding:0px 290px;" align="right"><img src="gif/banner.jpg">
<br>

jetzt wollte ich also das sich der Banner der jeweiligen Bildschirmgröße anpasst.
Weil er bei mir beispielsweise viel zu lang dargestellt wird.

mir wurde dann gesagt ich soll das Ganze so schreiben:

<div style="padding:0px 290px;" align="right"><img src="gif/banner.jpg" style="height:100%;width:100%;>


Problem, wenn ich das mach und genau so speicher, ist meine komplette Seitendarstellung weg und nur noch der Text. Weiß jemand was daran falsch ist? Geht das eventuell auch anders?

Vielen Dank schonmal für Eure Hilfe :-)

 

[Space Vampire]

erst mal würde das DIV nur sinn machen, wenn du die grafik als hintergrund einbindest...was ich ganz nebenbei auch empfehlen würde.
du müsstest die grafik dann nur entsprächend lang genug machen, damit sie sich immer schön an die viewports anpasst.

eine schnelle lösung für den augenblick wäre den wert height auf eine fixe größe zu setzen und nur width auf 100%.
den div-container entfernen und statt dem padding vom div ein margin-left am img anzubringen

 

[Hyazinthe]

Hallo,
danke für deine Antwort
kannst du mir bitte noch erklären wie genau du das meinst. Ich blicks nicht sorry
So?? <margin-left img src="gif/banner.jpg" style="height:???;width:100%;>

Wie geht das height auf eine fixe größe zu setzen?

Viiiiiielen Dank :-)

 

[Space Vampire]

<div style="margin-left:290px;">
    <img style="width:100%;" src="banner.jpg" alt="Banner">
</div>

hier kannst du mal ne vorschau angucken:
Testseite

Getestet auf IE8 und FF 3.6.irgendwas

das DIV ist in diesem Fall als Begrenzung nach Rechts nötig, sonst macht das Bild 100% plus 290px und schießt somit nach rechts raus!
Normalerweise müsste man kein DIV um ein einzelnes Objekt legen.
Merke für die Zukunft: Wenn der Abstand auf der linken Seite nicht sein müsste, wäre das DIV unnötig.
Alle Attribute würden dann auf das IMG gelegt werden!

 

[Hyazinthe]

boaaaa vieeeeeeeeeeeeeelen Dank,
gerade ausprobiert, es funktioniert *freu*