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.
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. :p
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