S3 Slider jQuery - Anleitung?

[Tanek]

Hallo zusammen,

im Internet Explorer sitzt alles sauber, aber im FireFox ist es verrutscht... normalerweise macht ja der IE immer Stress, aber diesmal ist es der FireFox Browser. =/

Weiss jemand Rat, wo das Problem liegen könnte?

Siehe hier:

http://www.resident-evil-virus.de/schenk.html

Viele Grüße

Tanek

[Cybergreek]

Was genau ist denn verrutscht? Ich finde im Firefox 3.5.3 sieht das normal aus, nämlich so:

[Tanek]

Konnte das Problem noch gestern (heute) Nacht klären. Ich musste in den CSS Angaben folgendes erweitern:

    float: left;
    margin: 0px;
    margin-right: 0px;
    padding: 0px;
    right: 0px;

So ist es nun bei FF und IE so wie es sein soll.

Eine andere Frage die mich beschäftigt... auf meinem Laptop ist nun der Content mittig (die komplette Webseite), sowohl von oben als auch wie von den Seiten her, jedoch sieht es bei der Freundin, welche einen 4:3 LCD hat, so aus, das nach unten hin seeeeehr viel Platz ist. Gibt es eine Möglichkeit, dass der Inhalt bzw. die Webseite bei jedem User mittig auf dem Monitor angezeigt wird?

Gruß Tanek

[Boris]

Weiss jemand Rat, wo das Problem liegen könnte?

Also ehrlich gesagt ist es bei deiner Seite reiner Zufall, wie ein Browser diese darstellt - Tabellenlayout, Frameset Doctype, falsches HTML und CSS ... reicht dir das?

http://validator.w3.org/check?verbos...%2Fschenk.html

[Tanek]

[QUOTE=Boris;938145]...reicht dir das? /QUOTE]

Um ehrlich zu sein: Nein. - da ich noch keine Lösung zu meinem Problem habe. Ich will ja, das die Seite einfach nur zentriert angezeigt wird, denn mit der Darstellung habe ich keine Probleme, auch wenn es einige Fehler geben sollte - hab eh nicht vor, es jedem Browser recht zu machen - IE, FF und diverser anderer Browser reichen.

Der Inhalt soll nur mittig sein (von oben, unten sowie von den Rändern) - weil es sieht beinem 4:3 Monitor nicht gut aus, wenn der Inhalt oben ist und nach unten hin ein riesengroßer Freiraum bleibt.

Wie gesagt, da sind sicherlich einiger Fehler drin (bin nicht so erfahren wie du), aber solange es auf den gängigen Browsern läuft:

http://browsershots.org/http://www.r...de/schenk.html

Ich hatte schon den Content in ein Lyer gepackt und es mit padding und margin versehen -mittig ist es, aber nicht zentriert auf jedem Browser.

Gruß Tanek

[Boris]

Wenn du die Website horizontal und vertikal zentrieren willst, musst du das über einen Trick und absoluter Positionierung machen: http://tom.me.uk/html-to-css/center-vertically.html

[Tanek]

Danke für den Link und den Denkanstoß, Boris.

Durch etwas "Experimentieren" hab ich es nun doch geschafft und bei 8 Freunden sieht es sauber aus im Browser.

   margin-left:-500px;  
   margin-top:-250px;  
   width:1000px;  
   height:501px;    
   position:absolute;  
   left:50%;   
   top:50%;

Die Werte "1000px" und "501px" sind die Größe meiner Tabelle / Layout und die Werte margin-top und margin-left sind die Hälfte der Werte meiner Tabelle.

So klappt es (bei mir zumindest) 100%.

Viele Grüße

Tanek

[wildmieze]

.. Du solltest allerdings bedenken, daß es bei der Lösung dazu kommen kann, daß man das Menü links nicht mehr sieht (und auch nicht hinscrollen kann) .. allerdings nur, wenn das Browserfenster recht schmal ist .. da musst Du selbst entscheiden, wie wichtig Dir das ist^^