Was ist daran nicht richtig??

[mhmedia]

Hallo,
meine Webseite habe ich mit einem Bildchen in der Navigation angehübscht, in Firefox und Safarie wird auch alles richtig dargestellt. Nur der Internet Explorer macht eine häßliche Lücke dazwischen.
Die Seite ist mit Frontpage (am PC) gemacht und in der Vorschau sieht auch alles wunderbar aus, nur IE ist zu doof. Die Zellen der Tabelle haben entweder keine Höhenangaben oder die eigentlich korrekten Werte. Beides ist dem IE egal. Es gibt kein Zellspace oder sonst etwas.
Verstehe das nicht.
Weiß jemand Rat?

Danke

Die Seite:http://www.mhmedia.de

 

[Mr. D]

SUPER FOTOS!!!
Ich bin begeistert. Deine Frage kann ich aber nicht beantworten...

 

[mhmedia]

Danke für die Blumen.
Schade.

 

[Nogger]

Nur der Internet Explorer macht eine häßliche Lücke dazwischen.

Was bedeutet "dazwischen"? Mach mal einen Screenshot (Hab hier keinen IE). Nebenbei: IE für Mac oder für Windows?

Die Seite ist mit Frontpage (am PC) gemacht

Sieht man. Lauter überflüssige ( und oder leere) Elemente drin (<center><center>), und das HTML ist auch nicht gültig (z.B. darf <center> nicht Kindelement von <tr> sein), die Styleangaben auch nicht (Längen brauchen immer Einheiten, außer bei 0).

Die Zellen der Tabelle haben entweder keine Höhenangaben oder die eigentlich korrekten Werte. Beides ist dem IE egal. Es gibt kein Zellspace oder sonst etwas.

Versuche mal allen Leerraum zwischen <td> und <img> zu entfernen, ebenso vor dem schließenen </td>. Das war eigentlich immer ein Standardproblem bei Tabellenwirrwar.

 

[mhmedia]

Hallo Nogger,

wenn ich wüßte wie ich Dir hier ein Screenshot zeigen kann mach ich das, erstellt habe ich ihn schon. Es ist der IE auf dem PC ich will doch mein MAC damit nicht belasten.
Das mit den Sachen zwischen den tag´s werde ich morgen mal in Angriff nehmen.
Danke erstmal

 

[ThaHammer]

Das wird Dir aber wahrscheinlich nichts helfen. Das Problem kenne ich von meiner HP. Alles schön mit Table zusammen gesetzt. Außer dem IE am PC machts jeder Browser richtig. Auch meine Tabelle zieht er auseinander. Das würde nur aufhören, wenn ich den Rand auf 1px stelle, aber das will ich ja nicht.

 

[knoppers]

Beim IE ist ein Fehler beim Tabbelling bekannt. Nennt sich Ein- bzw. Zwei-Pixelfehler. Schau mal auf selfhtml.org

 

[XVCD]

Weiß jemand Rat?

Zum wegbekommen:
- 1) entferne das Leerzeichen NACH dem letzten Button ('home')
- 2) entferne das Leerzeichen VOR dem nicht korrekt angezeigten Bild 'bildnav1.jpg'
- 3) Gebe der Tabelle (wo das Bild drin ist) zusätzlich das Attribut vspace="0"
- 4) Erweitere das GIF nach unten auf mind. 16px Höhe - einfach durch den grauen Hintergrund

Dann sitzt es auch im IE nahtlos direkt unter dem Menü.

Thomas.

 

[mhmedia]

@xvcd
danke für die Angaben, 1. kann keines feststellen
2. da ist auch keines
3. habe ich gemacht (hoffe an der richtigen Stelle??)
4. geändert, aber kein ergebniss.
@thahammer
das finde ich aber nicht gut, das kann doch nicht sein das ein MS Produkt das andere nicht richtig darstellt.
Danke

 

[hagbard86]

ich kann nur sagen im opera 8.0 unter xp sieht alles wunderbar aus

tja wer hat schon den IE (leider viel zu viele)

hmm aber leider auch keine ahnung woran des liegt
"neu laden" hast ja gemacht als du was verändert hattest oder?

 

[XVCD]

1. kann keines feststellen
2. da ist auch keines

Das kann sein - ich habe ja nur aus dem Browser den Source angeschaut.
Da steht jedenfalls (zu Punkt 1) :
src="images/button/I_b_home_01.gif" border="0" width="90" height="22">
</a>

</td>

Du siehst die Leerzeile..?

Zu 2.:
Dreamweaver zeigt mir hier ein Leerzeichen vor "<img" an:
<td height="10">X<img border="0" src="images/bildnav1.jpg" width="570" height="10">

(..wo das X ist..)

Und jedes Space (wovon eh alle bis auf eines vom darzustellenden Browser entfernt werden), entspricht einem normalen Zeichen - in aktueller Schrift und (!) Höhe... Und schwuppdich ist die Tabelle wieder zu hoch.

Wenn man in die Tabellen geht kann man definitiv mit dem Cursor hin, und das Spaces wegmachen. Aber wie gesagt, das was mein Browser hier auf die Festplatte schaufelt muß nicht deinem Original-Source entsprechen.


Und das mit dem Bild vergrößern sollte dann auch hinhauen.
Hast Du auch die neue Größenangabe des Bildes im Sourcecode auch aktualisert? Nicht daß das noch auf 'Height = 10' steht...

Ggf. testweise die Höhe auf >= 16 stellen, dann wirst du sehen dass es plötzlich paßt. Da gibs so ein Tabellen Schwellenwert (16?!); alles darüber paßt, bei Werten darunter darf nix drin stehen, außer dem Element.
Jedenfalls geht das definitiv mit Mini-Tabellenhöhen. Meine Enterprise-Seite ist ja gespickt damit und ich hab das auch 'nur' im Dreamweaver und per Texteditor gemacht, ohne extra rumgecode o.ä.
Es darf nur nix weiteres drin stehen. Kein Space, kein geschütztes Leerzeichen, nix - nur das Bild. Immer schön mit nem Editor die Zeilen zusammenraffen, dann klappts

Viel Glück.

 

[cla]

Vielleicht etwas Offtopic, aber weil ich grad deine Webseite betrachtet habe und mir dabei schon wieder etwas aufgefallen ist:

Warum müssen Designer momentan als "gestalterisches Element" immer alles Kleinschreiben? Ich empfinde dies als sehr schlimme Unsitte, die in letzter Zeit immer mehr um sich greift (vergleichbar mit der Unsitte von Sichtbeton der Architekten).

Wenn Schlagworte oder Menüpunkte kleingeschrieben werden, um eine besondere Hervorhebung zu erreichen, hätt ich ja nichtmal was dagegen. Aber das fließender Text auch komplett Kleingeschrieben wird, kann ich nicht nachvollziehen. Der Lesefluß wird dadurch um einiges erschwert; ausserdem wirkt es auf mich "unhöflich".

Als nächstes lassen wir dann noch die Satzzeichen weg, und machen willkürlich Buchstaben mitten im Wort groß...

Falls mir jemand diese in meinen Augen vorhandene "Unsitte" sinnvoll begründet näherbringen könnte...

cla

 

[mhmedia]

@xvcd
ich habe die Seite mit den Änderungen jetzt hochgeladen, aber immer noch kein Besserung. Leerzeichen sollten alle beseitigt sein, zumindest die in der Tabelle (Zelle). Und dann habe ich die Zelle noch mal auf 22 gesetzt, aber auch nichts.
Fällt Dir noch was ein???

@hagbard86
Leider schauen sich ja immer noch fast alle die Webseiten mit IE an, deshalb ist es ja so ärgerlich ich finde Safari und Firefox auch besser.

@cla
ich habe das nun seit fast 6 Jahren so, und ich fand es irgendwann mal gut, deshalb mache ich es immer noch. Zum Glück gibt es auf meinen Seiten nicht so viel Text. Aber unhöflich finde ich es nicht, da finde ich lila Schrift auf schwarzem Hintergrund mit vielen Bewegten GIF´s schlimmer.

 

[XVCD]

Noch nicht ganz.

Die Zeile:
I_b_home_01.gif" border="0" width="90" height="22"
></a>(Dieser Zeilenumbruch HIER muss weg!)
</td>

Der Zeilenumbruch, das ist der Übeltäter.
Ändere das auf:
I_b_home_01.gif" border="0" width="90" height="22"
></a></td>

oder bessser:
I_b_home_01.gif" border="0" width="90" height="22"></a></td>

Ich weiß nicht, ob das auch so komisch umgebrochen bei Dir steht, jedenfalls Firefox zeigts mir so komisch bei der spitzen Klammer umgebrochen an.

---

Dann hast Du einen Fehler bei dem größer/höher gemachten Bild.
Das 'vspace="0"' muß natürlich als Parameter ZUM Bild und NICHT davor als alleinstehendes Tag!

Ändere:
<vspace="0"><img border="0" src="images/bildnav2.jpg" width="570" height="16">

(das rote löschen!)

in

<img border="0" src="images/bildnav2.jpg" width="570" height="16" vspace="0">

Einfach mal mit nem simplen Texteditor laden (empfehle Textwrangler, ist für Lau) und so Hand anlegen.
Dann hast Du fertig!

 

[cschirmbeck]

Noch ein kleiner Hinweis: um Darstellungsfehler bei Tabellen im IE zu vermeiden, sollte man grundsätzlich immer ein <br>-Tag direkt nach jedem Bild in einer Tabellenspalte einfügen.

bei <td><img src="xy"></td> stellt der IE einen Bereich rechts neben dem Bild dar, wenn man jedoch nach dem Schema <td><img src="xy"><br></td> arbeitet, ist die Darstellung korrekt.

 

[mhmedia]

@xvcd
Du bist genial. Danke für Deine Geduld. Es funktioniert.

 

[XVCD]

@xvcd
Du bist genial. Danke für Deine Geduld. Es funktioniert.

Simpler Zeilenumbruch aber große Wirkung...
Und: Keine Ursache