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,

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