Line Break im Code = Line Break in IE?

Hallo zusammen,

das Informatik-Forum geht in den Archivmodus, genaue Informationen kann man der entsprechenden Ankündigung entnehmen. Als Dankeschön für die Treue bekommt man von uns einen Gutscheincode (informatikforum30) womit man bei netzliving.de 30% auf das erste Jahr sparen kann. (Genaue Infos sind ebenfalls in der Ankündigung)

Vielen Dank für die Treue und das Verständnis!

    Hallo!

    Bin gerade am Testen meiner Webseite in IE, da sie für Firefox optimiert wurde und da auch gut aussieht. Dabei ist mir die nervige Angelegenheit aufgefallen, dass in IE7 überall da, wo im Code ein Zeilenumbruch ist, im IE ein Abstand ist! In Firefox ist das natürlich nicht der Fall.

    Im einfachen Beispiel:

    sollten in Firefox zwei Grafiken direkt übereinander angezeigt werden. In IE7 ist aber ein Zeilenabstand dazwischen

    Wenn man die beiden img-tags in die selbe Codezeile stellt, wird's in beiden richtig angezeigt...

    Im konkreten Fall gehts um eine zusammengesetzte Grafik, wo die Positionierung also Pixelgenau sein muss

    Vielleicht kann mir jemand bei diesem nervigen Problem helfen, kann eigentlich nix kompliziertes sein, oder? :confused:

    LG Robert

    nein ist auch nicht kompliziert, wenn du schon mit tables arbeiten musst mach einfach eine zweite tabellenzelle für die graphik 2 - also

    Code
    <td>
          <img src="image1.jpg" width="100" height="20"/>
</td>
<td>
          <img src="image2.jpg" width="100" height="20"/>
</td>


    Dann klappts auch mitn IE - allerdings rat ich dazu vom designen mit tables abzusehn :) Divs sind more sexy

    Zitat von MarvinTheRobot

    nein ist auch nicht kompliziert, wenn du schon mit tables arbeiten musst mach einfach eine zweite tabellenzelle für die graphik 2 - also


    ich glaub er will die grafiken übereinander => <tr> table row

    Code
    <td>
          <img src="image1.jpg" width="100" height="20"/>
</td>
[size=12][B]</tr>
<tr>
[/B][/SIZE] <td>
          <img src="image2.jpg" width="100" height="20"/>
</td>

    Falls die Graphik in einer Tabellenzelle sein soll, tut's ein br-Tag auch.

    Code
    <td>
     <img src="image1.jpg" width="100" height="20"/> [COLOR=Red]<br/>[/COLOR]
     <img src="image2.jpg" width="100" height="20"/>
</td>

    Wenn du aber nur wegen der Positionen der Graphiken eine Tabelle einführst, da ist div die eindeutig bessere Wahl.

    mir ist es ähnlich ergangen, hab zuerst gedacht, das er sie nebeneinander will und er die table width auf 100 gestellt hat und die beiden grafiken JEWEILS 100 breit sind: das geht wohl nicht ... dann hab ich sein posting GENAU gelesen und dann deins und dann war ich total verwirred ... :D

    Danke für die Antworten, sorry wenns ich mich etwas verwirrt ausgedrückt habe.
    Das Problem ist nicht der Zeilenumbruch bzw. das untereinander Positionieren, das ist mir schon klar wie's funkt ;)
    Das Problem ist, dass IE oft einen vert. Abstand zwischen den Elementen hat wo Firefox keinen hat

    Konkret geht es mir um folgendes:

    Also das Resultat sollte eine durchgehende Grafik links sein, rechts davon wird der Inhalt mittels PHP generiert. In FF ist sie durchgehend, in IE7 nicht. (Beispiel ist hier zu sehen)

    Wenn ich den </td> Tag direkt nach der Grafik setze, also keine Tabulatoren oder Zeilenumbrüche, funktionierts bei beiden (siehe hier).

    Daher meine Annahme, IE würde den Code zwischen den Tags anders parsen als FF und es gäbe einen Weg ihm mitzuteilen, Whitespaces und Newlines im Sourcode zu ignorieren... Weil der Codelesbarkeit dient sowas nicht gerade

    Jetzt besser dargestellt? ;)