img height=100% - Geht nicht -.- Warum?

[Rickard]

Guten Abend,
in meinen Artikelbeschreibungen habe ich eine tabelle mit grafiken.... eine grafik dabei soll so hoch sein wie die tabelle.... also <img src=... width=20 height=100%> funktioniert SO auch im FF und IE.... aber sobald ich das als Artikelbeschreibung einfüge (also bei XTC) zeigt er die grafik nicht richtig an...bzw. ganz klein und verzerrt.
Mein Resultat:
height=100% funktioniert solange ich dieses nicht mit XTC anzeigen lasse.
XTC hat nur ein Problem mit dem %-Zeichen!
Komischerweise kommt er mit width=100% problemlos klar oO

Ich hoffe irgendjemand kann mir helfen, weil mir die grafik ziemlich wichtig ist.

Ich danke euch.

MfG
Rickard

[philipp1988]

gebe der tabelle eine class

<table class="tabellebg" width="20" height="100%">
</table>

und jetzt mach gibst du in der css datei eine neue class an.

.tabellebg {

background-image: url(images/bg.jpg);
width: 20px;
height: 100%;

}


sollte so funktionieren.

mfg

[Rickard]

Das funktioniert leider nicht... habe das mit den classes auch mal bei img probiert... ohne erfolg, also weder mit img noch mit dem table ...
Problem ist ja folgendes... für die Artikelbeschreibung an sich habe ich eine eigene css datei... jetzt dachte ich ok vielleicht "schluckt" die css von XTC ja irgendwie die 100%ige img höhe... dem ist aber nicht so... habe die css datei von XTC (templates/xtc4/stylesheet.css) mal umbenannt.... grafik von xtc war hin (hat also die css nicht mehr geladen) hat aber an meinem problem nichts geändert... somit weiß ich jetzt schonmal dass es nicht an der css von XTC liegt...
und an meiner kanns ja auch nicht liegen weil das ja nur bei XTC nicht funktioniert... über sonst funktioniert es problemlos (FF u. IE)
Also hätte vielleicht noch jemand eine Idee? Oder muss ich auf OSC umsteigen? Weil da funktioniert es komischerweise, aber XTC wäre mir im jeden Fall lieber weil ich damit jetzt besser arbeiten kann.
Hoffe jemand weiß Rat! Vllt. vom XTC-Team irgendeinen kleinen Quellcode den ich ändern kann? *bittteee* ...

[wibros]

Hast du mal einen Link, wo man sich das anschauen kann?

[Rickard]

Quellcode des Artikels (als Bsp. nicht das einer fragt was ich damit will )

PHP-Code:

<img width="20" height="100%" alt="" src="http://www.google.de/intl/de_de/images/logo.gif" /> 


Habe also zur Übersicht auch meine CSS weggelassen.
Ergebnis als Anhang.

Meine XTC Version: xt:Commerce v3.0.4 SP2.1 (Release Datum: 17 Aug 2006)

[polkhigh33]

doctype bachten. html != xhtml

formatiere es über css und nutze min-height, dann sollte es gehen.

[wibros]

min-height unterstützt der IE6 aber nicht. Außerdem beziehen sich Prozentangaben bei height immer auf den zur Verfügung stehenden Raum. Und wenn da ein der Tabellenzelle halt mal nicht mehr Platz ist als beispielsweise 50px, dann sind eben in dem Fall 100%=50px.

Wenn du weiter so mit Code geizt wird dir keiner effektiv helfen können.

Matt

[Rickard]

Wieso geize ich an Code?
Ich versuche nur den Code so klein wie möglich zu halten damit es für alle überschaulicher ist...
Weil wenn es einmal klappt mit dem height dann kann ich es auf alle anderen ja auch verwenden...
Also hier der Komplette Quellcode für mein table:

PHP-Code:

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td valign=top><img src=http://........../b1.jpg width=22 height=22></td>
<td valign=top><img src=http://........../b2.jpg width=100% height=22></td>
<td valign=top><img src=http://........../b3.jpg width=22 height=22></td></tr>
<tr height=100%>
<td valign=top><img src=http://........../b4.jpg width=22 height=100%></td>
<td bgcolor=#65BBEA valign=top>

Die Grafiken<br>
passen sich dem<br>
Text an...

</td>
<td valign=top><img src=http://........../b6.jpg width=22 height=100%></td></tr>
<tr>
<td valign=top><img src=http://........../b7.jpg width=22 height=22></td>
<td valign=top><img src=http://........../b8.jpg width=100% height=22></td>
<td valign=top><img src=http://........../b9.jpg width=22 height=22></td></tr></table> 


Erklärung der Grafiken:
b1: Ecke oben links
b2: 1px breite Grafik, gestreckt eine breite Linie
b3: Ecke oben rechts
b4: 1px hohe Grafik, gestreckt eine breite Linie
b6: 1px hohe Grafik, gestreckt eine breite Linie
b7: Ecke unten links
b8: 1px breite Grafik, gestreckt eine breite Linie
b9: Ecke unten rechts

Ich habe mal 3 Ergebnisse per Screen festgehalten...



Mehr Code gibt es ja nicht... ich wüsste zumindest jetzt grad nicht was...
"doctype bachten. html != xhtml" Versteh ich nicht ganz... was ist denn der Unterschied zwischen html und xhtml? ich habe ja normalen html code verwendet (das mit dem / am Ende macht XTC automatisch)
Verwendet XTC xhtml? falls ja was müsste ich denn ändern damit das funktioniert?

Ich danke euch für eure Geduld und Hilfe

[wibros]

Stylesheets sind dein Freund. Für die Variablen Zellen das Bild als Hintergrund definieren und in X- bzw. Y-Richtung kacheln lassen.

Oder gleich die Tabellen entsorgen. Solange CSS3 noch nicht annähernd flächendeckend verfügbar ist muss man sich für runde Ecken aber noch anderweitig behelfen:
http://www.alistapart.com/articles/customcorners/

Matt

[Rickard]

also mit dem hintergrund hab ich verstanden, da ich aber noch nicht viel mit css gemacht habe frage ich mich was ich unter "in X- bzw. Y-Richtung kacheln lassen" verstehen soll...
das einzige was ich mal gesehen habe ist dass man ein hintergrundbild nimmt (table) und dann irgendwas mit repeat... weiß aber nicht genau wie das war...
Ansonsten google ich morgen mal in ruhe wie ich das vielleicht wirklich mit css lösen könnte...
Ich danke dir für deine Hilfe!