Erledigt - OnePage - Probleme mit Contentbox über Slideshow sowie CSS3 transition

[patrick_l]

Hi allerseits,

ich bräuchte mal eure Hilfe. Komme gerade irgendwie nicht weiter. Kurz zum Aufbau. Ich habe eine fix positionierte Navigation. Auf der "Intro-Page" ist eine Slideshow die sich über die komplette Device-Breite erstreckt. Darunter folgen die restlichen Bereiche. Soweit auch kein Problem. Jetzt soll über dem Slider eine Contentbox liegen, die sich mittig wie die restlichen Teile ausrichtet. Mein Markup sieht wie folgt aus.

<nav id="navbar" class="navbar navbar-top-fixed" role="navigation">
    <!-- Branding & Navigation here! -->
</nav>
<div id="main" role="main">
    <section id="intro" class="section">
      <ul id="slider">
        <li><img src="assets/img/slider/example1.jpg" alt="example-1" /></li>
      <li><img src="assets/img/slider/example2.jpg" alt="example-2" /></li>
      <li><img src="assets/img/slider/example3.jpg" alt="example-3" /></li>
    </ul>
    <div class="box">
        <div class="wrap">
          <!-- Claim, Subline & Buttons here! -->
      </div>
    </div>
  </section>
</div>

Wie bringe ich jetzt die Division mit der Class box dazu, sich eins zu eins über den Slider zu legen? widht:100% sowie height:auto wird für die Bilder verwendet. Nur wie verklickere ich nun der Division sich ebenso zu verhalten. Ebenso sollte sich die darin liegende Division (class="wrap") mittig ausrichten. Sprich mittels margin:0 auto. Durch das absolute Positionieren haut letzteres aber eben nicht mehr hin.

Entweder mache ich es mir gerade selber unnötig kompliziert oder bin Blind und komme nicht drauf, an welcher "Schraube" ich drehen muss. Daher hier mal poste.

LG Patrick

 

[cebito]

Jetzt soll über dem Slider eine Contentbox liegen, die sich mittig wie die restlichen Teile ausrichtet.

Patrick du weißt es doch. Wie soll dir jemand folgen können, wenn du es nicht richtig veranschaulichst? Ganz abgesehen von dem Zweck, den eine Contentbox ÜBER einer Slideshow erfüllen soll.

Link bitte, und bessere Beschreibung deines Problems, und dir wird auch geholfen werden, weißte doch.

 

[patrick_l]

Patrick du weißt es doch. Wie soll dir jemand folgen können, wenn du es nicht richtig veranschaulichst?

Hast recht Ceb. Ich habe alles in nen Archiv gepackt. An sich gibt es zwei Probleme. Einmal die Positionierung der Division mittels z-index. Woran ich auch noch "schrauben" muss, ist an der Slideshow. Die soll sich an die Image-Größe anpassen. Derzeit verschiebt sie den Content noch nach unten.

Hier nun die Seite.


Ich habe es auf den wesentlichen Part reduziert.

LG Patrick

 

[patrick_l]

Problem mit dem Slider ist gelöst. Ich hab einfach um die komplette Page einen Wrapper gelegt. Den Slider jedoch außerhalb. Mit Positionen absolut und unterschiedlichen Z-Index positioniert. Zu guter Letzt dem Slider noch einen overflow:scroll verpasst. Ich sollte hin und wieder doch mal ne Pause einlegen.

LG Patrick