Line Break im Code = Line Break in IE?

    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

    Saying that Java is nice because it works on all OS's is like saying that anal sex is nice because it works on all genders!
    http://www.chuckbronson.net/

    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 ... :grinning_squinting_face:

    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 :winking_face:
    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? :winking_face:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden