Ergebnis 1 bis 6 von 6

Thema: Galerie darstellungsfehler

  1. #1
    drOps
    Gast

    Standard Galerie darstellungsfehler

    Guten Tag,

    ich habe da ein problem mit meiner Galerie Funktion!

    Intressant sind hierbei die zeile 19 und die Zeile 28

    Im IE sieht es so aus wie es soll. Es sind dort 3 bilder nebeneinander jeweils pro zeile. Sobald man jedoch das fenster händisch verkleinert springen die bilder an unterschiedlichen Positionen und das möchte ich gerne abfangen. im firefox sieht es von vorne rein schon nicht gut aus! hab alles probiert und nun weiß ich nicht weiter. kann mir jemand helfen?

    ich hab das gefühl das <div class="picSmall" id="floatnone"> und <div style="clear: both;"> sich nicht verstehen. aber der anzeigefehler tritt wie gesgat im IE nur beim verkleinern des fensters auf!

    mein ziel ist es das jeweils 3 bilder pro zeile zu sehen sind ohne fehler beim verkleinern.

    Code:
    1 <div class="picSmall">
    2 <span class="white100">.</span>
    3 
    4 [img]SOURCE[/img][img]SOURCE[/img]
    5 
    6 <div class="annotation">
    7 TEXT UNTERM BILD
    8 </div></div>
    9 
    10 <div class="picSmall">
    11 <span class="white100">.</span>
    12 
    13 [img]SOURCE[/img][img]SOURCE[/img]
    14 
    15 <div class="annotation">
    16 TEXT UNTERM BILD
    17 </div></div>
    18 
    19 <div class="picSmall" id="floatnone">
    20 <span class="white100">.</span>
    21 
    22 [img]SOURCE[/img][img]SOURCE[/img]
    23 
    24 <div class="annotation">
    25 TEXT UNTERM BILD
    26 </div></div>
    27 
    28 <div style="clear&#58; both;">
    29 <div class="picSmall"><span class="white100">.</span>
    30 
    31 [img]SOURCE[/img][img]SOURCE[/img]
    32 
    33 <div class="annotation">
    34 TEXT UNTERM BILD
    35 </div></div></div>
    36 
    37 <div class="picSmall">
    38 <span class="white100">.</span>
    39 
    40 [img]SOURCE[/img][img]SOURCE[/img]
    41 
    42 <div class="annotation">
    43 TEXT UNTERM BILD
    44 </div></div>
    45 
    46 <div class="picSmall">
    47 <span class="white100">.</span>
    48 
    49 [img]SOURCE[/img][img]SOURCE[/img]
    50 
    51 <div class="annotation">
    52 TEXT UNTERM BILD
    53 </div></div>
    die Klasse "picSmall"

    Code:
    div.picMini,
    div.picSmall,
    div.picMedium,
    div.picMaxi &#123;
        margin-right&#58; 14px;
        margin-bottom&#58; 0.5em;
        float&#58; left;
        overflow&#58; hidden; 
    &#125;
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Azubi(ne)
    Registriert seit
    22.05.2006
    Ort
    Kiel
    Beiträge
    81
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    kannst du mal den link posten? ist so leicht zu durchschauen... für mich zumindest^^
    Wäre es nicht adäquat, den Usus nonetablierter Termini zu minimieren?

  3. #3
    Gast

    Standard

    Leider kann ich den link nicht schicken da die seite nicht online ist. habe aber mal den fehler mit einen screenshot dokumentiert:

    IE normale Fensterbreite:

    IE verkleinerte Fensterbreite:


    so sieht es auch gleich zu anfang im Firefox aus.

  4. #4
    Azubi(ne)
    Registriert seit
    22.05.2006
    Ort
    Kiel
    Beiträge
    81
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    probier einen div-container mit fester breite um die gesamte galerie zu setzen
    Wäre es nicht adäquat, den Usus nonetablierter Termini zu minimieren?

  5. #5
    drOps
    Gast

    Standard

    das ist korrekt und würde funktionieren, aber der Content darf keine feste größe enthalten. die größe ist festgelegt und der content muss sich "leider" dynamisch dieser größe die per css definiert ist anpassen!

    gibts noch eine andere möglichkeit?

  6. #6
    drOps
    Gast

    Standard

    habe den fehler jetzt behoben indem ich 2 Bilder nur pro zeile anzeige!

    das problem bestand darin, das zuviele verschachtelte DIV's vorhanden waren. Somit habe ich das problem zwar nicht gelöst, kann es aber umgehen

Ähnliche Themen

  1. Darstellungsfehler mit Mozilla Firefox
    Von Pacome im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 03.02.2008, 00:33
  2. Darstellungsfehler im IE
    Von dexter_deluxe im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 31.05.2007, 21:58
  3. Galerie
    Von Slider2 im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 17.11.2006, 09:01
  4. darstellungsfehler von tabelle
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 26.10.2006, 18:04
  5. </textarea> verursacht Darstellungsfehler
    Von PHPler im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 01.10.2006, 22:03

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •