Ergebnis 1 bis 6 von 6

Thema: Firefox stellt ein Problem dar wo keines ist

  1. #1
    HTML Newbie
    Registriert seit
    02.12.2014
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Firefox stellt ein Problem dar wo keines ist

    Hallo liebe forum-hilfe Gemeinde,

    ich bin neu hier und danke euch für die Hilfe schonmal im Voraus.
    Ich habe folgendes Problem: Meine Fotos-Sektion sieht in allen Browsern, bis auf Firefox, so aus wie im Screenshot No.1 aus. In Firefox stellt er allerdings nur ein paar Module der Lightbox dar.

    So soll es.jpgso ist es.jpg

    Ich habe schon viel rumgesucht um die Benutzung eines Forums zu vermeiden und euch nicht belästigen zu müssen....aber so ist es jetzt nun mal.

    Hier ist auch mal der HTML Quellcode für die Section:
    Code:
       <section id="media">
    
    
          <div class="row">
    
    
             <div class="twelve columns collapsed">
    
    
             <h1>Bilder vom Wolf</h1>
             
                <!-- portfolio-wrapper -->
               <div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
    
    
                     <div class="columns portfolio-item">
                      <div class="item-wrap">
    
    
                         <a href="#modal-01" title="Videodreh">
                            <img alt="" src="images/gallery/dreh-jorg/modal.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>Gina</h5>
                                  <p>Videodreh</p>
                                     </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                      </div> <!-- item end -->
    
    
                  <div class="columns portfolio-item">
                      <div class="item-wrap">
                         <a href="#modal-02" title="Wolf auf der Bühne">
                             <img alt="" src="images\gallery\jorg-wolf-auf-der-buhne\modal.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>Bühne</h5>
                                  <p>Wolf on Stage</p>
                                 </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                    </div> <!-- item end -->
    
    
                  <div class="columns portfolio-item">
                      <div class="item-wrap">
                         <a href="#modal-03" title="Oktoberfest in der Stainz">
                             <img alt="" src="images\gallery\oktoberfest-stainz\modal.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>Oktoberfest</h5>
                                  <p>In Stainz</p>
                                 </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                    </div> <!-- item end -->
    
    
                  <div class="columns portfolio-item">
                      <div class="item-wrap">
                         <a href="#modal-04" title="Stairische Weihnacht">
                             <img alt="" src="images\gallery\steirische-weihnacht\modal.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>Stairische</h5>
                                  <p>Weihnacht</p>
                                 </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                    </div> <!-- item end -->
    
    
                  <div class="columns portfolio-item">
                      <div class="item-wrap">
                         <a href="#modal-05" title="Wolf & Friends">
                             <img alt="" src="images\gallery\wolf1\modal.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>Wolf</h5>
                                  <p>& Friends</p>
                                 </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                    </div> <!-- item end -->
    
    
                  <div class="columns portfolio-item">
                      <div class="item-wrap">
                         <a href="#modal-06" title="Privat">
                             <img alt="" src="images/gallery/Privat/modal.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>Privat</h5>
                                  <p>Ganz nah</p>
                                 </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                    </div> <!-- item end -->
    
    
                  <div class="columns portfolio-item">
                      <div class="item-wrap">
                <!--      <a href="#modal-07" title="">  -->
                             <img alt="" src="images/gallery/blank.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5></h5>
                                  <p></p>
                                 </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                    </div> <!-- item end -->
    
    
                  <div class="columns portfolio-item">
                      <div class="item-wrap">
                <!--      <a href="#modal-08" title="">  -->
                             <img alt="" src="images/gallery/blank.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5></h5>
                                  <p></p>
                                 </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                    </div> <!-- item end -->
    
    
                          
             <h1><br>Videos vom Wolf</h1>
             
                     <div class="columns portfolio-item">
                      <div class="item-wrap">
    
    
                         <a href="#modal-07" title="Weihnachtsgala">
                            <img alt="" src="images/gallery/Weihnachtsgala-video.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>Weihanchtsgala</h5>
                                  <p>Eibiswalde 2010</p>
                                     </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                      </div> <!-- item end -->
                    
                    <div class="columns portfolio-item">
                      <div class="item-wrap">
    
    
                         <a href="#modal-08" title="Videodreh">
                            <img alt="" src="images/gallery/1000-Engel-video.jpg">
                            <div class="overlay">
                               <div class="portfolio-item-meta">
                                        <h5>1000 Engel</h5>
                                  <p>Offizielles Musikvideo</p>
                                     </div>
                            </div>
                            <div class="link-icon"><i class="icon-plus"></i></div>
                         </a>
    
    
                      </div>
                      </div> <!-- item end -->
                    
                    
    
    
               </div> <!-- portfolio-wrapper end -->
    
    
             </div> <!-- twelve columns end -->
    und hier auch gleich noch die eintragung in der css für die modals
    Code:
    /* popup modal */
    .popup-modal {
        max-width: 550px;
        background: #fff;
        position: relative;
        margin: 0 auto;
    }
    .popup-modal .description-box { padding: 12px 36px 18px 36px; }
    .popup-modal .description-box h4 {
       font: 15px/24px 'opensans-bold', sans-serif;
        margin-bottom: 12px;
       color: #111;
    }
    .popup-modal .description-box p {
        font: 14px/24px 'opensans-regular', sans-serif;
       color: #A1A1A1;
       margin-bottom: 12px;
    }
    .popup-modal .description-box .categories {
       font: 11px/21px 'opensans-light', sans-serif;
       color: #A1A1A1;
       text-transform: uppercase;
       letter-spacing: 2px;
       display: block;
       text-align: left;
    }
    .popup-modal .description-box .categories i {
       margin-right: 8px;
    }
    .popup-modal .link-box {
       padding: 18px 36px;
       background: #111;
       text-align: left;
    }
    .popup-modal .link-box a {
       color: #fff;
        font: 11px/21px 'opensans-bold', sans-serif;
        text-transform: uppercase;
       letter-spacing: 3px;
       cursor: pointer;
    }
    .popup-modal a:hover {    color: #00CCCC; }
    .popup-modal a.popup-modal-dismiss { margin-left: 24px; }

    Wenn ihr noch mehr infos benötigt, zögert nicht zu fragen....sollte ich mal nicht sofort antworten liegt es daran das ich arbeiten bin...habt etwas gedult.


    DAAAANKE und lg
    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
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.152
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Firefox stellt ein Problem dar wo keines ist

    Bei Fehlern wird immer ein Link benötigt. Sonst kann man keinen Validator drüber schicken.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    02.12.2014
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Firefox stellt ein Problem dar wo keines ist

    http://eisbergsalat666.bplaced.net/

    ist aber noch in der mache...und hat noch sehr viele fehler die mir einfach nichts sagen ... vllt kann mir hier geholfen werden

  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Firefox stellt ein Problem dar wo keines ist

    Du hast die Pfade für einige Bilder falsch angegeben. Windows bzw. auch der IE kann damit evtl. umgehen, alle anderen Browser jedoch nicht da es auch nicht Standardkonform mit URLs im Netz ist.

    Falsch:
    Code:
    images\gallery\steirische-weihnacht\modal.jpg
    Korrekt wäre:
    Code:
    images/gallery/steirische-weihnacht/modal.jpg
    Außerdem würde ich dir noch raten die HTML-Fehler zu beseitigen:
    http://validator.w3.org/check?verbos...net%2F%23media

  5. #5
    HTML Newbie
    Registriert seit
    15.11.2014
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Firefox stellt ein Problem dar wo keines ist

    Du hast die Pfade für einige Bilder falsch angegeben.

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    02.12.2014
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Firefox stellt ein Problem dar wo keines ist

    danke. echtmal, da hätt ich auch selber draufkommen können....aber das 4-augen-prinzip hat sich nicht ohne grund bewährt.

    Danke!

Ähnliche Themen

  1. Problem: Firefox stellt Internetseite nicht richtig dar!
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 18.02.2013, 16:21
  2. Problem mit Firefox
    Von jansen im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 01.10.2006, 08:37
  3. Problem mit Firefox
    Von JP im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.08.2006, 17:20
  4. Problem mit CSS und Firefox / IE
    Von Siggi im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 11.08.2006, 16:20
  5. css problem - stellt nicht alles dar!
    Von Cannubis im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 13.02.2005, 05:43

Stichworte

Berechtigungen

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