Alexander Bauer: kleiner Abstand zwischen Bildern in Opera

Hallo zusammen,

schon seit einigen Tagen suche ich hier und bei Google nach einer Lösung für mein Problem.

Ich bin gerade dabei eine kleine Website zu basteln. Auf dieser Seite möchte ich zwei Bilder direkt ohne Spalt nebeneinander haben. Im IE funktioniert das ganze sehr gut und im Opera habe ich leider immer eine Spalte.

Internet Explorer

Screenshot beim Internet Explorer

und hier das ganze im Opera (damit besser aufällt was ich meine habe ich die Spalte oben und unten in dem Screenshot weiter gemacht als sie wirklich ist. In Wirklichkeit ist sie nur wenige Pixel, wie in der Mitte zu sehen)

Screenshot beim Opera

hier findet man die Seite also auch den Quelltext dazu. und hier die CSS Datei

Ich bin schon über Tipps gestolpert, im Quelltext die zwei Bilder ohne Zeilenumbruch aneinander zu reihen. ändert nichts.

Ich soll Tabellen verwenden, aber genau das möchte ich wirklich nicht dafür sind Tabellen einfach nicht da.

Wo will ich hin:

Ich will die Seite in drei Spalten aufteilen, welche einigermaßen im Verhältniss ein Drittel zu zwei Drittel ist.

Aufteilung der Site

Der grüne Hauptteil soll 2/3 der gesamten Seitenbreite verwenden.
Die blau und rote Spalte sind zusammen 1/3 der gesamten Breite oder etwa 2/3 der grünen Breite.
die rote Spalte soll etwa 1/3 der blauen sein.
Das Bild im grünem Hauptteil soll aus 2 Bildern bestehen eines mit 2/3 Länge und eines mit etwa 1/3 Länge. Aber eben ohne Abstand.

Die Verhältnisse sollen gleich bleiben auch wenn das Browser Fenster in der Größe verändert wird.
Erst wenn die Spalten eine gewisse Mindestgröße erreichen sollen sie nicht mehr nebeneinander stehen sondern die blaue spalte einfach nach unten verschoben werden. Das funktioniert alles eigentlich relativ gut, nur das mit den Bildern in Opera nervt.

Wäre toll wenn mir irgendwer noch eine Idee zur Lösung des Problems geben könnte.

Danke und Viele Grüße

Alexander Bauer

  1. Grüße,
    es gibt keine halben pixel - sei vorsichtig mit prozentangaben bei solchen sachen.

    so sieht das ohne prozentanagebn aus - aber dass weisst du ja

    MFG
    bleicher

    --
    __________________________-

    FirefoxMyth
    1. danke, gibt es den eine alternative zu Prozent die das gleich erreicht?
      Ja halbe Pixel kann es nicht geben, wird ja wohl immer gerundet werden müssen. Aber es sollte ja bei einer Aufteilung von 68& zu 32% immer so raus gehen das eines abgerundet und das andere aufgerundet wird.

      Beispiel

      10 Pixel auf geteilt 6,8 zu 3,2. gerundet also 7 und 3
      547 Pixel 371,96 zu 175,04 gerundet 372 und 175
      sollte es nicht einfach immer automatisch ganz am anderen Bild anschlagen?

      ups, jetzt wie ich das ganze gerade geschrieben habe, hab ich das Problem entdeckt. danke euch beiden!

      bisher hatte ich beim 2. Bild float:right;
      ändere ich das ganze jetzt und mache beim ersten Bild float:left; dann ist die Lücke weg. So sollte es sein, ich verstehe jetzt aber nicht warum :-)

      1. Om nah hoo pez nyeetz, Alexander Bauer!

        bisher hatte ich beim 2. Bild float:right; ändere ich das ganze jetzt und mache beim ersten Bild float:left; dann ist die Lücke weg. So sollte es sein, ich verstehe jetzt aber nicht warum :-)

        Ich befürchte, dass wird nur bei einigen Viewportgrößen, einigen Bildschirmarten und einigen Zoomfaktoren so sein.

        Matthias

        --
        http://www.billiger-im-urlaub.de/kreis_sw.gif
  2. @@Alexander Bauer:

    nuqneH

    Auf dieser Seite möchte ich zwei Bilder direkt ohne Spalt nebeneinander haben.

    Nein, das ist EIN Bild.

    Das Bild im grünem Hauptteil soll aus 2 Bildern bestehen eines mit 2/3 Länge und eines mit etwa 1/3 Länge.

    Warum??

    Wäre toll wenn mir irgendwer noch eine Idee zur Lösung des Problems geben könnte.

    Ein Bild – Problem gelöst.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. @@Alexander Bauer:

      nuqneH

      Auf dieser Seite möchte ich zwei Bilder direkt ohne Spalt nebeneinander haben.

      Nein, das ist EIN Bild.

      Das Bild im grünem Hauptteil soll aus 2 Bildern bestehen eines mit 2/3 Länge und eines mit etwa 1/3 Länge.

      Warum??

      Wäre toll wenn mir irgendwer noch eine Idee zur Lösung des Problems geben könnte.

      Ein Bild – Problem gelöst.

      Qapla'

      Danke für die Idee und ja in diesem Beispiel könnte ich das mit einem Bild lösen. Die Site besteht aber aus mehr Seiten und ich möchte alle Seiten nach dem gleichen Muster erstellen. Und da kommt es gibt dann eben auch Seiten mit 2 Bildern, also beides zwei verschiedene Bilder.
      Also es kann sein, das ich einmal ein Bild will, das sich über die ganze Hauptspalte erstreckt. Ein anderes Mal sollen sich aber zwei Bilder die Seite teilen.
      Das ganze ist ja nicht für mich sondern für meinen Bruder. Der hat aber nicht sehr viel Ahnung von dem ganzen. Der Meldet sich später nur noch auf einer PHP Seite an, wählt die Seite aus die er bearbeiten will. Ändert mal den Text oder lädt andere Bilder hoch. Das Grundgerüst der Seiten selber steht fest und kann er nicht mehr ändern, das Gerüst wird mit include geladen und ist ja für alle Seiten gleich egal ob ein langes Bild oder 2 Bilder mit 2/3 und 1/3 Länge. Das heißt wenn ich ein Langes will muss ich es halt aus zwei zusammensetzten.

      1. @@Alexander Bauer:

        nuqneH

        […] Meldet sich später nur noch auf einer PHP Seite an, wählt die Seite aus die er bearbeiten will.

        Ein CMS also.

        Das heißt wenn ich ein Langes will muss ich es halt aus zwei zusammensetzten.

        Nein. Das heißt, das CMS sollte es ermöglichen, die Box mit einem oder mit mehreren Bildern zu füllen.

        Qapla'

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
      2. Grüße,
        grundkonzept unegnügend - damit kannst du bei liverjournal templates einsteigen, magst du deinen bruder so sehr nicht?
        MFG
        bleicher

        --
        __________________________-

        FirefoxMyth
  3. Hallo zusammen,

    Hallo.

    Im IE funktioniert das ganze sehr gut und im Opera habe ich leider immer eine Spalte.
    hier findet man die Seite also auch den Quelltext dazu. und hier die CSS Datei

    Opera akzeptiert nur natürliche Zahlen als Prozentwerte - wenn du was gebrochenes angibst, wird auf den nächst-kleinere natürliche Zahl gerundet.

    Christian

    1. Hallo,

      Opera akzeptiert nur natürliche Zahlen als Prozentwerte - wenn du was gebrochenes angibst, wird auf den nächst-kleinere natürliche Zahl gerundet.

      ach du liebe Güte - ich dachte, dieser Ausrutscher wäre ein Einzelfall beim Steinzeitbrowser Netscape 4 gewesen!

      Ciao,
       Martin

      --
      Küssen ist die schönste Methode, eine Frau zum Schweigen zu bringen.
      1. Hallo Martin,

        ach du liebe Güte - ich dachte, dieser Ausrutscher wäre ein Einzelfall beim Steinzeitbrowser Netscape 4 gewesen!

        nix neues :)

        P.

  4. @@Alexander Bauer:

    nuqneH

    Ich bin gerade dabei eine kleine Website zu basteln. Auf dieser Seite möchte ich zwei Bilder direkt ohne Spalt nebeneinander haben. Im IE funktioniert das ganze sehr gut und im Opera habe ich leider immer eine Spalte.

    Das ist nicht das einzige Problem.

    Bedingt durch den verlustbehaftenen Kompressionsalgorithmus können im unkompromiertem Original lins und rechts der Schnittkante abweichen. Der Schnitt ist auch ohne Spalt mehr oder weniger deutlich sichtbar.

    Es ist so gut wie nie sinnvoll, Bilder zu zerstückeln und dann wieder zusammenzusetzen.  (Die einzige mir einfallende Ausnahme hat nichts mit Webseiten zu tun.)

    Lass das Bild in einem! Du ersparst Übertragungszeit (bessere Kompression, nur ein HTTP-Request/-Response) und dir etliche Probleme.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)