Bilder 100% bei wechselnder Tabellenbreite (IE Spinnt rum)
DanielM1987
- multimedia (audio & video)
Hi Leute,
gelobt sei der Firefox...
man macht eine Webseite die nicht an die normalen Werte fixiert ist...heißt egal ob Bildschirmauflösung klein odda hoch...die Webseite geht von ganz links nach ganz rechts...
so in der Mitte hab ich abba dann eine Tabelle "Der Body" "Textstelle für den Homepage inhalt"
diese Tabelle verändert sich ja nun...wenn meine eine hohe auflösung hat...eine kleine auflösung hat...den Browser nicht maximiert hat und das Fenster dann noch verkleinert odda vergrößert....
Dadurch wird ja der Pixelbereich dieser Tabelle immer unterschiedlich.
Ich möchte jetzt in diese Tabelle ein Bild einfügen das sich an die jeweilge größe genau anpasst....z.B. so ein Panorama Bild mit auflösung 1024x175....so....
einfachste lösung:
<img border="0" src="Bildadresse" width="100%">
funktioniert wunderbar...wird kleiner wird größer das bild wechselt die Größe sogar direkt wenn ich die fenstergröße veränder...
nur der "INTERNET EXPLORER 7" nervt...er macht dies nich....100% heißt bei dem...das bild ist bei jeder Auflösung odda Tabellengröße genau 1024 Pixel Breit und 175 Pixel hoch....
Tja...wieso? kann man das irgendwie ändern? denn der Firefox kann es ja wunderbar...
Vielen Vielen Dank für den der mit dafür ne Lösung verraten kann =)
mfg
Daniel
mir ist gerade auch aufgefallen das dieser Internet Explorer
meine ganzen Tabellen die auf "height="100%" gesetzt sind nich bis zum boden zieh....wieso nich?????????
Hallo,
Ich kuerzte Deinen Text mal, OK?:
die Webseite geht von ganz links nach ganz rechts...,
in der Mitte eine Tabelle für den Homepage Inhalt...,
Ich möchte jetzt in diese Tabelle ein Bild einfügen das sich an die jeweilge größe anpasst.
<img src="Bild" width="100%">
zoomt wunderbar..., wird kleiner wird größer das bild wechselt die Größe sogar direkt wenn ich die fenstergröße veränder...
NoNoNo: 100% heißt immer das Bild ist so gross wie das Bild urspruenglich, ungezoomt, unskaliert ist. width:50% heisst halbiere dessen Groesse, bezogen aber auf seine urspruengliche Groesse. Kann man gar nicht ändern, leider.
Jedenfalls nicht mit HTML/CSS. Mit JS oder PHP(->GD) vielleicht
mfg
Wellenzillich
ja aber der Mozilla Firefox setzt es so um wie ich will =)
er vergrößert die tabelle nicht....
mit dem IE funktioniert es auch wunderbar...abber nur...wenn zum beispiel die Tabelle als kleinste variante z.B. bei mir 574 Pixel breit ist...
wenn dann das Bild 574 Pixel ist und ich dem IE sage width="100%"...dann ist es bei der kleinsten variante 574...und wenn ich größer ziehe wird das bild auch größer...
nur..dabei wird es undeutlich verpixelt ist ja klar...
wenn das bils aber höher auflösend ist...setzt der Mozilla Firefox das immernoch so um wie ich haben will...nur der IE nicht...stellt das bild halt als kleinste variante in der original Pixelbreite dar...dabei verzieht sich die Tabelle =(
Hallo,
Ich kuerzte Deinen Text mal, OK?:
die Webseite geht von ganz links nach ganz rechts...,
in der Mitte eine Tabelle für den Homepage Inhalt...,
Ich möchte jetzt in diese Tabelle ein Bild einfügen das sich an die jeweilge größe anpasst.<img src="Bild" width="100%">
zoomt wunderbar..., wird kleiner wird größer das bild wechselt die Größe sogar direkt wenn ich die fenstergröße veränder...NoNoNo: 100% heißt immer das Bild ist so gross wie das Bild urspruenglich, ungezoomt, unskaliert ist. width:50% heisst halbiere dessen Groesse, bezogen aber auf seine urspruengliche Groesse. Kann man gar nicht ändern, leider.
Jedenfalls nicht mit HTML/CSS. Mit JS oder PHP(->GD) vielleicht
mfg
Wellenzillich