Slice - Im IE gehts, im FF nicht

Dieses Thema im Forum "Webentwicklung" wurde erstellt von J1Lock, 14. November 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 14. November 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Servus !
    Hab n Problem beim Slicen...
    Will für ne Feuerwehr Page n Bild so slicen, dass, wenn man auf ein Fahrzeug in der Gesamtansicht klickt dann auf die Seite kommt, wo man genauere Infos über das angeklickte bekommt.
    Hab also mit Photoshop das Bild gesliced und den HTML Code auf meiner Page eingefügt.
    Im Inter Explorer funktionierts auch einwandfrei, beim Firefox gibts da so weisse Streifen dazwischen.

    Bild:
    IE:
    Spoiler
    Bild
    FF:
    Spoiler
    Bild
    Relevanter Code:
    Spoiler
    HTML:
    <table id="Tabelle_01" width="400" height="300" border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td colspan="3">
 <img src="Bilder/fahrzeuge_01.jpg" width="400" height="84" alt=""></td>
 </tr>
 <tr>
 <td>
 <img src="Bilder/fahrzeuge_02.jpg" width="138" height="129" alt=""></td>
 <td>
 <img src="Bilder/fahrzeuge_03.jpg" width="124" height="129" alt=""></td>
 <td>
 <img src="Bilder/fahrzeuge_04.jpg" width="138" height="129" alt=""></td>
 </tr>
 <tr>
 <td colspan="3">
 <img src="Bilder/fahrzeuge_05.jpg" width="400" height="87" alt=""></td>
 </tr>
</table>

    Hoffe das waren genug Infos..
    Woran liegts, was kann ich machen ? Bw is klar.
    Mfg J1Lock
     
  3. 14. November 2008
    AW: Slice - Im IE gehts, im FF nicht

    Hallo,

    vllt sind es die Leerzeichen die im FF probleme machen. Möglich ist hier alles. Probier mal die Zeilen bei den Bildern in den Spalten zu vermeiden.

    Code:
    <table id="Tabelle_01" width="400" height="300" border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td colspan="3"><img src="Bilder/fahrzeuge_01.jpg" width="400" height="84" alt=""></td>
 </tr>
 <tr>
 <td><img src="Bilder/fahrzeuge_02.jpg" width="138" height="129" alt=""></td>
 <td><img src="Bilder/fahrzeuge_03.jpg" width="124" height="129" alt=""></td>
 <td><img src="Bilder/fahrzeuge_04.jpg" width="138" height="129" alt=""></td>
 </tr>
 <tr>
 <td colspan="3"><img src="Bilder/fahrzeuge_05.jpg" width="400" height="87" alt=""></td>
 </tr>
</table>
    optional würde ich vllt noch das Border attribut einbauen und auf 0 setzten

    Code:
    <table id="Tabelle_01" width="400" height="300" border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td colspan="3"><img src="Bilder/fahrzeuge_01.jpg" width="400" height="84" border="0" alt=""></td>
 </tr>
 <tr>
 <td><img src="Bilder/fahrzeuge_02.jpg" width="138" height="129" border="0" alt=""></td>
 <td><img src="Bilder/fahrzeuge_03.jpg" width="124" height="129" border="0" alt=""></td>
 <td><img src="Bilder/fahrzeuge_04.jpg" width="138" height="129" border="0" alt=""></td>
 </tr>
 <tr>
 <td colspan="3"><img src="Bilder/fahrzeuge_05.jpg" width="400" height="87" border="0" alt=""></td>
 </tr>
</table>
    Wenn das auch nicht hiolft, dann versuche mal pro TD margin, und padding auf 0px zu setzten

    Vllt hilft das ja.

    Grüße
     
  4. 14. November 2008
    AW: Slice - Im IE gehts, im FF nicht

    Leerzeichen ist ansich ein guter Tipp, betrifft aber glaubich eher den IE - bei dem gehts ja aber

    Alternativ könntest du mal folgendes in den head-tag packen:

    Code:
    <style>
img {
 border:0px;
 margin:0px;
 padding:0px;
}
</style>
    könnte sonst noch an den Tabellen liegen, falls das oben nicht hilft nehme folgendes:

    Code:
    <style>
img {
 border:0px;
 margin:0px;
 padding:0px;
}
td {
 border:0px;
 margin:0px;
 padding:0px;
}
</style>
    Möglicherweise verändert sich dadurch an anderen Stellen ebenfalls die Darstellung, dann müsste man eine individuelle Lösung schreiben.
     
  5. 15. November 2008
    AW: Slice - Im IE gehts, im FF nicht

    Für solche Probleme empfehle ich den Validator vom W3 Konsortium (http://validator.w3.org). Der gibt dir HTML Fehler sauber aus. Je nach Standard brauchst du z.B. das Atribut height in einer Tabelle nicht, wir auch von jedem Browser unterschiedlichst interpretiert.
    Weiterhin sehe ich die Lösungs des Problems in CSS wie von bene600 beschrieben (gibt auch CSS Validator ).

    Gute Nacht

    Estorado
     
  6. 15. November 2008
    AW: Slice - Im IE gehts, im FF nicht

    Das Problem ist, das das ne Seite ist, die ich so übernehmen musste und die bissl kompliziert aufgebaut ist udn ich da noch nich alles durchblickt hab ^^
    Ich hab nu mal
    In die default.css kopiert, bringt aber nichts.
     
  7. 15. November 2008
    AW: Slice - Im IE gehts, im FF nicht

    Hey,

    ich würde das Problem niemals so lösen. Es ist unsinnig das alles für jeden Browser anzupassen und sich nur damit rumzuärgern.

    Eine viel elegantere Lösunge bietet da die Möglichkeit mit ImageMaps zu arbeiten.
    HTML:
    Image-Map
    - HTMLWorld

    Du kannst damit also genau auf dem Gesamtbild bestimmen, wo der Link sich befindet (also auf dem Feuerwehrauto).
    Das funktioniert in allen Browser (jedenfalls hat es immer als ich damit gearbeitet hab ) und du musst nicht das Bild slicen, was ne sehr unschöne Sache ist (bsp wenn es jemand abspeichern will).

    Wenn du noch Hilfe brauchst, meld dich einfach.
    greetz
     
  8. 15. November 2008
    AW: Slice - Im IE gehts, im FF nicht

    Das scheint eine gute Alternative zu sein..ich werd mir das in den nächsten Tagen mal anschauen, wenns nicht klappt post ich hier wieder
    Bis dahin ersmal closed!
    BWs gehen raus !
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.