Firefox und CSS

Electrohunter

Ich arbeite gerade an meiner Homepage und möchte gern den Innenabstand meiner Tabelle erstellen. Habe das so gelöst:

In IE klappt das, nur in Firefox nicht, was mache ich falsch?

Habs hon bekommen, musste das so ändern:

bugcatcher

Ist ja auch nur ein "style" pro Tag erlaubt. ; )

Simon1983

Zitat von bugcatcher

Ist ja auch nur ein "style" pro Tag erlaubt. ; )

Was dem IE mal wieder scheißegal ist :lol: .

Electrohunter

vielleicht ist ja jemand da und nimmt sich kurz die Zeit und schaut sich meine Seite kurz an:

http://www.csanyi.de/pflanzen/004.html

In Firefox sind beide Tabellen 100% gleich groß, schaue ich mir das aber im IE an, ist das Bild vielleicht 1-2 Pixel von der Höhe kleiner bzw. die rechte Tabelle bischen größer. Woran liegt denn das?

bugcatcher

Code

<td>
            <img src="../motive/pflanzenwelt/004mittel.jpg" border="1">
          </td>

ändern in

Code

<td><img src="../motive/pflanzenwelt/004mittel.jpg" border="1"></td>

Was das ändert? Hinter dem <img> ist kein Zeilenumbruch/Leerzeichen-Effekt mehr. Der IE denkt wegen des Leerzeichens, dass er das bild zu Basislinie des (Leerzeichen)-Textes ausrichten muss. Somit dehnt er den linken <td> nochmal um 2 pixel nach unten aus (abhängig von der Font-grösse). Kann man nicht direkt sehen, da du den border vom bild auch ins bild gepackt hast, womit die ausdehnung des tds nicht zu erkennen ist. Ist aber leicht zu sehen, wenn man den border vom table mal auf 1 setzt.

Electrohunter

Hey, hatte echt geklappt, woran es manchmal liegt. Da hätte ich lange suchen können. Damals in der Ausbildung wurde mir immer gesagt, ich soll das immer einrücken, damit man immer sofort sieht was man und wo man was macht Danke!

bugcatcher

Code

<td>
            <img src="../motive/pflanzenwelt/004mittel.jpg" border="1"><br>
          </td>

Mit einem zusätzlichen <br> gehts auch. Wenn man aber kein <br> benutzt, wird zwischen dem <img> und dem </td> durch den umbruch die die ganzen durch die formatierung entstehenden leerzeichen EIN leerzeichen als Text anerkannt. dadurch entsteht das mit der baseline. baut man das <br> ein, entfällt der effekt. Firefox regelt das schon besser als IE... aber IE ist eh schon 4 jahre alt, ohne das man fehler verbesser/korrigiert wurden. was will man erwarten? ; )

Electrohunter

s stören die häßlichen Rahmen, die der Internet Explorer um Textlinks wie auch verlinkte Grafiken legt?

Kein Problem - man fügt im <a>-Tag schlicht und einfach ein:

onfocus="if(this.blur)this.blur()"

das muss ich ja dann in jede Grafik einbauen. Gibt es eine Möglichkeit das auch in die CSS-Datei einzubauen, so das ich es nur einmal angeben brauche?

brain

Stopp, das hat nichts mit CSS zu tun, das ist Javascript. Das direkt extern anzugeben funktioniert imo nicht, du könntest nur eine Funktion mit nem kurzen Namen erstellen die das gleiche bewirkt, dann wird zumindest der Aufruf kürzer.

Dr. Evil

du könntest natürlich auch eine Funktion schreiben, die diesen Code automatich allen Links zuweist.

brain

dynamisch Event-Handler schreiben ist zwar extrem praktisch, aber im IE funktioniert sowas nicht (jedenfalls nicht wie es sollte). Deshalb würde ich das lieber nicht machen.