![]() |
Willkommen, Gast ( Anmelden | Registrierung )
![]() |
![]()
Beitrag
#1
|
|
Rookie Gruppe: User Beiträge: 6 Mitglied seit: 05.12.2001 Wohnort: Worms Mitglieds-Nr.: 135 ![]() |
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 |
|
|
![]() |
![]()
Beitrag
#2
|
|
Weiss zuviel!! ![]() Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 ![]() |
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 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. |
|
|
![]() ![]() |
![]() |
Vereinfachte Darstellung | Aktuelles Datum: 13.05.2025 - 1:12 |