Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von März

SELFHTML Forumsarchiv
div-Layout springt

Informationsseite
  1. Seite (CSS) div-Layout springt von Marian Benner, 31. 03. 2007, 13:41
nach unten

div-Layout springt

Die folgende Nachricht zum Thema stammt von: Marian Benner, 31. 03. 2007, 13:41

Hallo zusammen!

Ich versuche eine simple Bildergalerie zu erstellen. Die thums befinden sich in links-gefloateten <a>´s und alle Thumbs sind in einem div wiederum links-gefloatetet an einer navi-leiste angeordnet. Allerdings springen der div mit den Thumbs beim verkleinern/vergrößern der Seite immer ab und zu nach unten?! Wie kann man das unterbinden?

http://marian-benner.piranho.com/test/index.html

Hier nochmal die wesentlichen Snippets:

css:

a.thumb {  float:left;
      border:0px solid black;
            padding:10px;
            margin-left:10px;
            margin-top:10px;
}
div.thumbs {  float:left;
}
div.navigation { float:left;
                 width:100px;
                 border:1px dashed black;
                 padding:10px;
                 background-color:orange;
                 color:white;
                 margin-bottom:10px;
}

html:
<!-- navigation-->
<div class="navigation">
  <a class="navi" href="index.html" title="Startseite">Startseite</a>
  <a class="navi" href="kontakt.html" title="Kontakt">Kontakt</a>
  <a class="navi" href="upload.html" title="Upload">Upload</a>
</div>

<!-- thumbs -->
<h4>Seite 1</h4>
<div class="thumbs">
  <a class="thumb" href="testbild.html" onclick="FensterOeffnen(this.href, 'testbild_mittel'); return false">
   <img src="images/testbild_klein.png" width="200" height="150" title="Testbild" alt="Testbild" />
  </a>
  ...
</div>

nach obennach unten

div-Layout springt

Die folgende Nachricht zum Thema stammt von: Marian Benner, 31. 03. 2007, 13:47

Anmerkung: Der IE 7 stellt es korrekt dar.

nach obennach unten

div-Layout springt

Die folgende Nachricht zum Thema stammt von: Marian Benner, 31. 03. 2007, 13:49

Anm.: Der IE7 stellt es korrekt dar.

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von März

© 1998-2006 Seite Impressum, Software: Classic Forum