Float left???

[MrBean06]

Hallo,

ich möchte auf meiner Seite eine Foto-Gallerie darstellen. nun habe ich die einzelnen Bilder eingefügt und mit CSS ausgerichtet.
Die Bilder floaten links. Leider ziehen sie damit auch die Überschriften hinterher. Kann ich das nur durch DIV-Container trennen, oder kann ich der Überschrift per CSS mitteilen, dass sie nicht hinterherfloaten sollen?

Vielen Dank im Voraus.

 

[Gilles]

Beispiel Quelltext wäre hilfreich :)

 

[MrBean06]

Sorry, kommt sofort.

Hier der HTML-Code:

<h3><img src="images/ill_title.jpg" alt="ill title" width="63" height="20" />M&ouml;bel</h3>    
      
      
      <div class="gallery_box">
        <a href="images/Fernsehschrank_zu2.jpg" rel="lightbox[Moebel]" title="Fernsehschrank"><img src="images/Fernsehschrank_zu1.jpg" alt="Fernsehschrank" />Fernseher</a>
   </div> 
  
   <div class="gallery_box">
        <a href="images/Fernsehschrank_auf2.jpg" rel="lightbox[Moebel]" title="Fernsehschrank"><img src="images/Fernsehschrank_auf1.jpg" alt="Fernsehschrank" />Fernseher</a>
   </div>
      
          
      <h3><img src="images/ill_title.jpg" alt="ill title" width="63" height="20" />Treppen</h3>
...

und hier der CSS-Code:

#content #schauraum {
    position: relative;
    margin: 0;
    list-style: none;
    width: 400px;
    height: 20em;
}

#content .gallery_box {
    float: left;
    width: 82px;
    padding: 5px;
    background: #221f1d;
    text-align: center;
    margin-right: 15px;
}

#content h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

 

[Efchen]

Die Bilder floaten links. Leider ziehen sie damit auch die Überschriften hinterher.

Wer "float" sagt, muss auch "clear" sagen.

Kann ich das nur durch DIV-Container trennen

Ein CSS-Problem kann man nicht mit HTML lösen, oder: Ein Darstellungsproblem kann man nicht mit Hilfe der Änderung der Semantik lösen.

 

[MrBean06]

Danke, das hat erstmal geholfen...man lernt nie aus...;)

Dummer Weise ist jetzt durch mein "clear: left" bei h3 der ganze Block nach unten gerutscht??? Womit kann das denn zusammenhängen?

 

[Körnerbrötchen]

Welcher ganze Block? Alles was nach einem h3 kommt, wird damit "gecleared".

 

[MrBean06]

Also ich habe bei der Überschrift h3 ein clear: left; gesetzt. Wie gesagt, Teilüberschriften und Bildergallerie stellt er richtig dar. Nur setzt er jetzt den ganzen Inhalt der ab einer Überschrift h3 beginnt und sich im content befindet nach unten, ab dem Ende der Navigationsleiste, so als hätte ich das float des contents gecleart...

 

[Efchen]

Wie war nochmal der Link zur Seite?

clear löst alle floats auf. Vielleicht hast Du noch mehr floats? Der IE hat da einige Bugs beim Auflösen von floats. Oder Du hast generell etwas falsch gemacht.

 

[MrBean06]

Naja, dass ich was falsch gemacht habe, das habe ich ja bemerkt, nur finde ich den Fehler nicht.

Ich würde meinen, wenn ich mich innerhalb eines Div-Containers befinde, dann cleart er nur alle floats in dem Container, oder ist das nicht so?

Wenn er den Float auch zum navi-Container löscht, wie kann ich dann nur den Float zu den angezeigten Bildern löschen?

Ich nutze in der Regel Firefox und teste mit dem IE, bei beiden jedoch das gleiche Bild.

 

[Efchen]

Wie war nochmal der Link zur Seite?

 

[MrBean06]

Die Siete ist noch offline, die kann ich ja so nicht online setzen...

 

[Efchen]

Warum nicht? Wie soll sie sich dann jemand ansehen und Dir helfen?

Stell sie online. Woanders. Sperre sie mit nem Passwort, das Du uns sagst, das ist egal, aber stell sie irgendwohin, wo man sie sich ansehen kann, damit man Dir richtig helfen kann.

"Die Seite ist noch öffline" kann man irgendwann nicht mehr hören... :-(