Span-tag-hintergrund In Firefox Nicht Dargestellt Einstellungen

[crazycons]

Hallo,
habe folgendes problem. ich habe eine tabellenzelle, die beliebig auf der y-achse wachsen soll. die hat einen festen hintergrund, der sich automatisch kachelt. das ist alles in css definiert und funktioniert in allen browsern fehlerfrei. nun wollte ich an der unteren kante dieser zelle ein abschließendes bild. das kann ich, da es nicht selber wachsen soll nicht als eigene zelle definieren (da die nebenherlaufenden zellen mit rowspan verbunden wurden, was hier aber keine rolle spielen dürfte, es geht auf jeden fall nicht). um das problem zu lösen habe ich mehrere versuche unternommen:
- einen <span>-tag eingefügt und als hintergrund das bild definiert und dann mit vertical-align:bottom; nach unten gezwungen. das funktioniert zwar im ie einwandfrei, aber in firefox leider nicht
- einfach den span-tag durch das bild ersetzt, dann bleibt aber in beiden browsern unten eine ca. 5px breite spalte

der code zu dem spektakel sieht aus wie folgt:

QUELLTEXT

<td class="mili1">

<span class="mili2"></span>

</td>

bzw.:

QUELLTEXT

<td class="mili1">

<img src="mili2.jpg" width="96" height="101" border="0" alt="">

</td>

der dazu passende css-code lautet wie folgt zum ersten bsp.:

QUELLTEXT

.mili1 {
margin:0px;
padding:0px;
background-image:url(mili1.jpg);
width:96px;
height:259px;
border:none;
border-spacing:0px;
vertical-align:bottom;
}

.mili2 {
margin:0px;
padding:0px;
background-image:url(mili2.jpg);
border:none;
height:101px;
width:96px;
border-spacing:0px;
background-repeat:no-repeat;
vertical-align:bottom;
}

und zum zweiten beispiel

QUELLTEXT

.mili1 {
margin:0px;
padding:0px;
background-image:url(mili1.jpg);
width:96px;
height:259px;
border:none;
border-spacing:0px;
vertical-align:bottom;
}

könnt ihr mir helfen?
danke schonmal.
mfg
de nixbligger

[Hannes]

Hi,

versuche es mal mit einem geschützten Leerzeichen:

<span class="mili2">&nbsp; </span>

oder setze ein Blindgif darüber.

Ich hoffe, es hilft,
Hannes

[crazycons]

hallo hannes,
danke für den tip. er führt leider auch nicht weiter. auch ein empty-cells:show; bleibt erfolglos.
mfg
de nixbligger

[Hannes]

hallo hannes,
danke für den tip. er führt leider auch nicht weiter. auch ein empty-cells:show; bleibt erfolglos.
mfg
de nixbligger

Hi,

und wenn Du statt eines span-Tags <p class="mili2"> nimmst? oder versuche es mal mit <div...>

Gruß,
Hannes

[i.b.g]

Hallo,

Bilder und Objekte haben auch Ränder, die beeinflusst werden können.

Die Spezifikation sagt dazu:

13.7.2 White space around images and objects

Attribute definitions

hspace = pixels [CN]
Deprecated. This attribute specifies the amount of white space to be inserted to the left and right of an IMG, APPLET, or OBJECT. The default value is not specified, but is generally a small, non-zero length.
vspace = pixels [CN]
Deprecated. This attribute specifies the amount of white space to be inserted above and below an IMG, APPLET, or OBJECT. The default value is not specified, but is generally a small, non-zero length.

Die Attribute sind zwar deprecated, weisen aber daruf hin, das es Ränder um Objekte gibt. Du solltest evtl. alle Ränder (margin, padding, spacing) des img-Tags auf Null reduzieren.

Ich hoffe die Antwort hilft, denn so richtig habe ich Dich nicht verstanden.

[crazycons]

hallo hannes,
danke für den tip. er führt leider auch nicht weiter. auch ein empty-cells:show; bleibt erfolglos.
mfg
de nixbligger

Hi,

und wenn Du statt eines span-Tags <p class="mili2"> nimmst? oder versuche es mal mit <div...>

Gruß,
Hannes

hi hannes. nun geht es mit dem <p>. danke.
ich dachte immer, span würde auch von ff unterstützt.
mfg
de nixbligger

[Hannes]

Hi,

der span-Tag wird selbstverständlich von Firefox unterstützt. Dieser Tag hat eigentlich keine Funktion und ist "nur" dazu da, um innerhalb anderer Methoden Formatanweisungen auszuführen. War mir schon am Anfang nicht geheuer, dass Du diesen Tag benutzt hast.

Weiterhin viel Spaß,
Hannes

[Auge]

Hallo

der span-Tag wird selbstverständlich von Firefox unterstützt. Dieser Tag hat eigentlich keine Funktion und ist "nur" dazu da, um innerhalb anderer Methoden Formatanweisungen auszuführen.

Um das noch etwas zu konkretisieren.

Im Gegensatz zu <h1> bis <h6>, <p>, <ul>/<ol> und <li> und <table>, um mal die am häufigsten verwendeten Elemente zu nennen, welche dem darin befindlichen Inhalt eine Aussage geben (eine Überschrift, Liste, Tabelle, ein Textabsatz), sind <div> und <span> sinnfrei. Das heißt, sie treffen keine Aussage über den Sinn (die Semantik) des Inhalts.

Man wendet sie (im Normalfall [1]) dazu an, um rein gestalterische Dinge zu erledigen (optische Auszeichnungen, Gruppierungen etc. pp.). Sie dienen dem gleichen Zweck und unterscheiden sich darin, dass <div> ein Blockelement und <span> ein Inlineelement ist. Während also ein <div> andere Blockelemente, wie Textabsätze und Listen enthalten kann, die man dadurch zu einer Gruppe zusammenfasen und somit z.B. mit speziellen CSS-Angaben versorgen kann, benutzt man ein <span> um innerhalb eines Blockelementes z.B. eine optische Hervorhebung zu realisieren, für die es kein sinnvolleres Element gibt.

Beispiel: In einem Text soll ein Wort hervorgehoben werden. Wenn man dieses Wort beim Vorlesen des Textes besonders betonen würde, böte sich die Benutzung von <em> oder gar <strong> an. Ist dies nicht der Fall und es geht um eine rein optische Hervorhebung, benutzt man eben ein <span>, das man dann per CSS formatiert.

[1] Normalfall meint hier, dass man nicht einfach eine komplizierte <frame>- oder <table>-Struktur durch eine sogenannte <div>-Suppe ersetzt. Oft wird eine endlos verschachtelte Tabellenstruktur 1 zu 1 durch <div>s ersetzt, die sowohl unübersichtlich und somit schlecht wartbar, als auch unnötig sind.

Tschö, Auge

[LittleCoder]

Also wenn ich das richtig verstanden habe willst du eine Tabelle mit variabler Höhe realisieren. Schau dir mal auf www.abianabeach.de die Palme auf der linken Seite an. Sie "wächst" (kriegt nen längeren Stamm) wenn das Fenster größer wird. Soweit ich mich erinnere habe ich einfach den Stamm als Background-Image von table definiert und den td's eigene Hintergrundgrafiken verpasst (die dann über dem Stamm liegen). Dadurch spart man sich das dann sogar das "span".

[Google Bot]