Hi,
im Grunde ganz einfach. Ich habs grad ausprobiert. siehe screenshot:
http://www.tim-gatzky.de/htdocs/screenshot_01.png
So das BE:
http://www.tim-gatzky.de/htdocs/screenshot_02.png
Damit ist auch egal ob Teaser, oder nicht.
Die Theorie ist, dass sämtliche Artikel ein float bekommen und eine weite z.B. 33% (dann passen 3 Artikel nebeneinander. margin und padding vergrößern die breite), ausser die beiden umgrenzenden.
( Funktioniert nur wenn es keine anderen Artikel gibt. )
HTML-Code:
.mod_article
{
position: relative;
float: left;
width: 33%;
}
.mod_article:first-child
{
position: relative;
float: none;
width: 100%;
}
.mod_article:last-child
{
position: relative;
float: none;
width: 100%;
}
Da der Teaser auch inner halb des .mod_article elements dargestellt wird, passt sich dieser natürlich der Darstellung an.
Das ist eine Lösung ohne eigene Klassennamen für die Artikel zu vergeben.
Mit eigenen Klassennamen geht es natürlich auch und du brauchst kein extra Seitenlayout.
Einfach den Artikeln, die floaten sollen einen zusätzlichen Klassennamen geben z.B. meinKlassenName
und das CSS anpassen.
HTML-Code:
.mod_article.meinKlassenName
{
position: relative;
float: left;
width: 33%;
}
.mod_article
{
position: relative;
width: 100%;
}
Das sollte genauso funktionieren
Grüße Tim
Lesezeichen