Drei Kolonnen mit Bildern

[Cath]

Hallo
Ich hoffe Ihr könnt mir bei diesem Anfänger Problem helfen. Ich möchte drei Kolonnen mit CSS und Divs erstellen. Leider fällt das letzte Bild immer aus dem Div Rahmen, wird zwar rechts platziert aber immer unter dem Rahmen. Die Pixel sind abgezählt. Wäre für einen Tip sehr dankbar. In der Folge mein Code:

CSS:

#content main {
width: 944px;
height: auto}

#colonne main {
width: 944px;
height: auto}

.left{float:left;width:302px;}

.center{
width:302px;
padding-right:19px;
padding-left:19px;
margin: 0 auto;
}
.right{float:right; width:302px;}

**********************

HTML:

<div id="content">
<div id="content main">
<h2>Bienvenue</h2>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tem
por invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos
et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, conse
tetur sadipscing elitr, sed diam nonumy </p>
</div>
<div class="colonne main">
<div class="col left">
<img src="images/sothys1.jpg" width="302" height="155" alt="sothys" />
</div>
<div class="col center"><img src="images/kleanthus.jpg" width="302" height="155" alt="kleanthus" />
</div>
<div class="col right">
<img src="images/waxen.jpg" width="302" height="155" alt="suggaring" />
</div>
</div><br clear="all" />
</div>

 

[fakerer]

AW: Drei Kolonnen mit Bildern

<div class="colonne main">
    <div class="col left">
        <img src="http://www.psd-tutorials.de/forum/images/sothys1.jpg" width="302" height="155" alt="sothys" />
    </div>
    <div class="col right">
        <img src="http://www.psd-tutorials.de/forum/images/waxen.jpg" width="302" height="155" alt="suggaring" />
    </div>
    <div class="col center">
        <img src="http://www.psd-tutorials.de/forum/images/kleanthus.jpg" width="302" height="155" alt="kleanthus" />
    </div>
</div>

einfach die position von center und right tauschen und dan ganze sollte passen

 

[hubspe]

AW: Drei Kolonnen mit Bildern

Moin,

semantisch ist das leider vollkommen falsch:
Eine Bildergalerie ist eine Aufzählung von Bildern und gehört normal in eine ul.
Sind die Bilder gleichgroß werden die Listenpunkte einfach gefloatet.

Ohne Link zum Problem ist sowas aber immer mühselig.

 

[Cath]

AW: Drei Kolonnen mit Bildern

Super vielen Dank - auf eine andere Reihenfolge wäre ich nicht gekommen.
Jetzt stimmt alles!

 

[Myhar]

AW: Drei Kolonnen mit Bildern

Was aber nichts daran ändert, dass es semantisch noch immer vollkommen falsch ist (Wie hubspe schon korrekt angemerkt hat)
Außer die Bilder sind nur Platzhalter (wie der Lorem Ipsum Text) und werden durch Text ersetzt.