IE macht Lücken zwischen Grafiken

[Ratsuchender]

Hallo Leute,

das Problem ist schnell erklärt, im Firefox sieht die Seite ganz gut aus. Allerdings lässt der Internet Explorer 6.xx nach jeder Grafik eine Lücke stehen.

http://entice-pictures.com/index.php

Kann mir einer sagen, ob es an den CSS-Deklarationen liegt und wenn ja an welcher?! Danke.

Gruß

Andreas

[Klawischnigg]

Hi there,

Kann mir einer sagen, ob es an den CSS-Deklarationen liegt und wenn ja an welcher?! Danke.

nein, sondern daran, daß Du hinter Deinen Elementen die table-Zelle nicht gleich sondern erst in der nächsten Zeile zumachst...

[Ratsuchender]

Hi there,

Kann mir einer sagen, ob es an den CSS-Deklarationen liegt und wenn ja an welcher?! Danke.

nein, sondern daran, daß Du hinter Deinen Elementen die table-Zelle nicht gleich sondern erst in der nächsten Zeile zumachst...

Hallo,

erstmal Danke für die schnelle Antwort. Habs ausprobiert. Muss aber alles, was innerhalb einer Table-Zelle ist, in einer Zeile definieren, damit es mir richtig angezeigt wird. Kann man das nicht irgendwie umgehen? Der Code wird dadurch sowas von unleserlich.

Gruß

Andreas

[Klawischnigg]

Hi there,

erstmal Danke für die schnelle Antwort. Habs ausprobiert. Muss aber alles, was innerhalb einer Table-Zelle ist, in einer Zeile definieren, damit es mir richtig angezeigt wird. Kann man das nicht irgendwie umgehen? Der Code wird dadurch sowas von unleserlich.

Also, die meisten hier würden einmal sagen, das ist einer der Preise, die man für das Erstellen eines Tabellenlayouts zahlen muss, ich kann Dir leider nur sagen, daß es da afaik keine Abhilfe gibt, damit wirst Du leben müssen...

[yetanotheruser]

Das klingt mir nach einer lustigen Angewohnheit des IE. Ka, ob das so vorgesehen ist, aber der IE interpretiert ein return im sourcecode als neue Zeile, wenn das Element davor ein Blockelement ist. Zumindest hat sich das bei mir so ergeben.

Hatte Code, der in etwa so aussah:
<ul>
 <li>
   <a ..>Text</a>
 </li>
 <li>
   <a ..>Text</a>
 </li>
 <li>
   <a ..>Text</a>
 </li>
</ul

Schön mit Einrückung, damit der Code auch gut leserlich bleibt. Nun wollte ich aber die Anker als block anzeigen lassen. Sprich display:block und schwups hatte ich hinter jedem Anker im IE eine leere Zeile. Ziemlich ärgelich, da in jedem anderen Browser das Return nicht umgesetzt wurde. Kurz und gut, nachdem ich alles auf eine Zeile gebracht hatte, hat dann auch brav der IE keine Leerzeile mehr angezeigt, was aber natürlich zur Folge hatte, dass ich eine ziemlich lange Zeile im sourcecode hatte, die kein Schwein mehr lesen konnte.

Eine alternative allerdings, um diese Verhalten zu umgehen und dennoch einigermassen lesbaren sourcecode zu erhalten ist folgende.

<ul><li
  ><a
    href="" blabla><span
       >Viel Text</span></a
    ></li
  ><li
  ></ul

Nicht sehr schoen, aber das verhindert die Returns.

Gruß Ben

[Maximilian Baumgart]

»»Muss aber alles, was innerhalb einer Table-Zelle ist, in einer Zeile definieren, damit es mir richtig angezeigt wird. Kann man das nicht irgendwie umgehen? Der Code wird dadurch sowas von unleserlich.

umschließe die Zeilenumbrüche doch mit Kommentarzeichen, etwa so:
<div style="width:643px;height:17px;"><!--
--><div style="width:84px;height:17px;float:left;"><!--
--><a href="?a=kontakt" target="_self"><img src="images/header/kontakt.gif" /></a><!--
--></div><!--
--><div style="width:559px;height:17px;background-image:url(images/header/webdesign.gif);background-repeat:no-repeat;float:right;" /><!--
--></div>
Und definier die CSS-Eigenschaften mal zentral in nem style-Element oder ner externen Datei, das ist viel übersichtlicher und leichter zu modifizieren, so wies momentan ist, ist es extrem schwer, einen Fehler auszubessern.

Max.