zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden jquery-plugin Galleria: Darstellungsprobleme im Firefox

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.05.2009, 16:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2009
Beiträge: 23
ha-bauer befindet sich auf einem aufstrebenden Ast
Standard jquery-plugin Galleria: Darstellungsprobleme im Firefox

Hallo zusammen,

ich bin gerade dabei, für die Website meines Vaters eine Bilderpräsentation mithilfe des jquery- plugins Galleria zu realisieren. Hier geht's zu meinem ersten Entwurf. (alle Navi- Links sind dummy- links, also ohne Funktion, da es ja nur um die Bilderpräsentation geht)

Im IE funktioniert auch alles, aber Firefox bereitet mir sowohl in Version 2 als auch in der neuen Version 3 schlaflose Nächte. Das Problem ist, dass die Thumbs zur Bilderauswahl nicht innerhalb des Hauptrahmens erscheinen wollen, sondern über die Rahmenlinie hinausgehen.

Irgendwie müsste das <div id="content"> wissen, dass unten auf der Seite noch diese Liste mit den Thumbs kommt. Dann müsste der Firefox den Platz doch freilassen, oder?

Weiß jemand eine Lösung für dieses Problem? Wie kriege ich die Galleria in das gegebene Design eingebunden, sodass es auch im Firefox problemlos geht?

Ich bin für jeden Tipp dankbar,

ha-bauer
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.05.2009, 16:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 10.978
fricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von ha-bauer Beitrag anzeigen
Irgendwie müsste das <div id="content"> wissen, dass unten auf der Seite noch diese Liste mit den Thumbs kommt. Dann müsste der Firefox den Platz doch freilassen, oder?
Das tun alle standardkonformen Browser (nicht nur Firefox) nur dann, wenn du etwas tust, um die Floats einzuschließen.
Siehe FAQ Punkt 2.

Den Fehler machen IE < 8.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.05.2009, 16:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2009
Beiträge: 23
ha-bauer befindet sich auf einem aufstrebenden Ast
Standard

Hallo fricca,

danke für deine Antwort. Habe einfach ein <div class="clearing" style="clear:both;"></div> vor dem Endtag von <div id="content"> angefügt und schon ging es, sowohl im IE als auch im Firefox.

Vielen Dank nochmal,

ha-bauer
Mit Zitat antworten
  #4 (permalink)  
Alt 28.05.2009, 10:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2009
Beiträge: 23
ha-bauer befindet sich auf einem aufstrebenden Ast
Standard

Hallo nochmal,

eine Frage hätte ich jetzt noch: Wie schaffe ich es, dass die Liste zentriert dargestellt wird? Mit text-align:center; und margin:auto; habe ich es schon probiert, hat aber nicht so recht funktioniert.

Hat jemand vielleicht einen Tipp?

Vielen Dank,

ha-bauer
Mit Zitat antworten
  #5 (permalink)  
Alt 28.05.2009, 10:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 10.978
fricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblick
Standard

Wenn die Anzahl deiner Bilder bekannt ist, weißt du auch wie breit die Liste ist und kannst sie ganz normal zentrieren.

Bei unbekannter Breite helfen wiederum die FAQ:
Zitat:
14) Ohne width gefloatet und dennoch horizontal zentriert?
Mit Zitat antworten
  #6 (permalink)  
Alt 28.05.2009, 10:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2009
Beiträge: 23
ha-bauer befindet sich auf einem aufstrebenden Ast
Standard

Hallo fricca,
wie meinst du das mit dem "einfach zentrieren"? Kannst du mir das mal ein wenig genauer erklären? Irgendwie stehe ich gerade auf dem Schlauch.

Vielen Dank,

ha-bauer
Mit Zitat antworten
  #7 (permalink)  
Alt 28.05.2009, 10:56
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 10.978
fricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblick
Standard

Passende Breite angeben + margin:0 auto.
Mit Zitat antworten
  #8 (permalink)  
Alt 28.05.2009, 11:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2009
Beiträge: 23
ha-bauer befindet sich auf einem aufstrebenden Ast
Standard

Hallo fricca,

danke, jetzt hat's geklappt.

Eine kleine Frage noch: Ist es irgendwie möglich, diesen großen Abschnitt im <head>, wo jquery aufgerufen wird ($(document).ready(function(){ ... }), in eine externe Datei auszulagern? Als ich es nämlich probiert hatte, hat's nicht geklappt.

Vielen Dank,

ha-bauer
Mit Zitat antworten
  #9 (permalink)  
Alt 28.05.2009, 11:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 10.978
fricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblickfricca ist ein wunderbarer Anblick
Standard

Ich weiß nicht, was du "probiert" hast und "nicht geklappt" ist keine Fehlerbeschreibung.
Mit CSS hat das außerdem nichts zu tun. Bitte nutze den passenden Forenbereich.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.05.2009, 11:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2009
Beiträge: 23
ha-bauer befindet sich auf einem aufstrebenden Ast
Standard

Du hast recht. Ich werde mich mal im JS- Bereich melden.

Danke bis hierhin und Gruß,

ha-bauer
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jcarousel + jquery lightbox plugin Thorolf Javascript & Ajax 0 23.02.2011 13:18
jQuery Plugin -> Wie input type radio definieren? uspri Javascript & Ajax 2 02.09.2010 06:33
jquery cookie plugin, expiration time? sepp88 Javascript & Ajax 5 16.03.2010 19:31
FireFox 0.8: darstellungsprobleme mit background-images crush79 CSS 1 23.01.2005 03:19
Hilfe, Darstellungsprobleme unter Firefox zebra21 CSS 2 19.01.2005 16:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:11 Uhr.