Kein Page Jump mehr mit CSS

[momo b]

Hallo alle!

Ich bin blutige Anfängerin, aber ich bemühe mich zu lernen! Ich sitze gerade an einer kniffligen Frage, die ich ohne eure Hilfe anscheinend nicht lösen kann.
Ich hab ein Menü erstellt, dessen Menüpunkte nicht zu anderen Seiten, sondern zu Teilen der selben Seiten springen - diese Teile sind (hauptsächlich) Bilder in einer Scrollbox.

Das Ganze klappt auch wunderbar, allerdings nur solange die Bilder ohne Stil gehalten werden - entferne ich den CSS-Code, klappt's, kommt er für die Bilder rein, springt das ganze nur noch zum 1. Bild. Hier zur Anschaulichkeit: Edit this Fiddle - jsFiddle

<div id="navigation">    <ul>              <li>        <a href="#">main menu</a>            <ul>
                  <li><a href="#section1">section 1</a></li>                  <li><a href="#section2">section 2</a></li>                  <li><a href="#section3">section 3</a></li>            </ul>        </li>      </ul>   </div>
 <div class="scroll" >
     <a name="section1"><img src="img"/></a>              <a name="section2"><img src="img"/></a>               <a name="section3"><img src="img"/></a>         </div>

.scroll { float:left;border: 1px solid black; width: 40em; height: 30em; line-height: 3em; overflow-y: scroll; overflow-x:hidden; text-align: center; margin:5%; margin-bottom: 5%; background-color: #ffffff; color: #ffffff; }img {float: left; width: 95%; padding: 3%; padding-right: 3%;}

Ich hoffe, es ist nicht zu unbersichtlich :) Ich hab dazu leider überhaupt nichts gefunden, weder in Tutorials noch in Foren - deswegen bin ich dankbar für jede Hilfe!

LG!

 

[threadi]

Es wäre vlt. gut das ganze mal mit Bilder zu zeigen. Ich verstehe gerade gar nichts von dem was Du schreibst.

 

[momo b]

Edit this Fiddle - jsFiddle

Entschuldigt die späte Antwort, aber hier ein fiddle mit Bildern drin. Ich hoffe, es hilft weiter!

 

[threadi]

Ah verstehe. Das kann man imho leider nur per JavaScript erreichen. Hier findest Du jQuery-basierte Beispiele:
html - Scrolling to an anchor within a DIV on external click, via jQuery - Stack Overflow

 

[djheke]

Ich glaube ein

img {
 display:block;
 ....
}

würde helfen.

 

[momo b]

Ah, danke sehr threadi - ich werd mich damit rumspielen und - hoffentlich - damit die Lösung finden. :)
djheke, das hab ich versucht, klappt aber nicht - es ist echt komisch, sobald man img im CSS entfernt, funktioniert's einwandfrei!
Rein aus Interesse, weiß jemand warum es ohne img funktioniert, mit aber nicht mehr? Falls jemand Zeit hat, freue ich mich über eine Erklärung :)

 

[Trüffelkrieger]

Warum hast du denn das float:left den Bildern zugewiesen? Nimmt man das weg, funktioniert es bei mir ...

 

[momo b]

trüffelkrieger - du genie. ich hab das total übersehen! so funktionierts einwandfrei, ohne javascript. vielen dank!!
was für ein blöder fehler...