Beitragspost auf Startseite.

Hallo Gemeinde.

Die Problemseite http://www.wire-frame.de

Ich habe twentytwelve ein wenig bearbeitet und bekomme jetzt ein Problem.
Ich habe dafür gesorgt, das die letzten 3 Beiträge mit Artikelfoto auf der Startseite angezeigt werden.
Das sieht toll aus aber wenn ich nun die Artikelseite auf rufe, bleibt der Artikel auch so schmal wie er auf der Startseite angezeigt wird.

Das Problem ist, das ich !--- .site-content article { ---- bearbeitet habe. Das musste ich damit die 3 letzten Artikel auch nebeneinander in -----.site-content {------ angezeigt werden können.
Doof ist aber, das genau diese Anweisung auch auf der Beitragsseite verwendet wird :(

Versteht Ihr mein Dilemma ? Kann mir jemand einen Tip geben damit der Beitrag auf der Beitragsseite zu 100% im Content angezeigt werden kann ?

btw. Bin sehr sehr frisch in css.

Gruß aus Hamburg

Uhhh maxe. Da stellst du ja mal eine wirklich interessante Frage.
Ich kann es dir nicht sagen. Ich schrieb ja, das ich wirklich super frisch in CSS bin und noch nicht den Durchblick habe.
Wie könnte ich das realisieren ?

Alle Seiten haben das Standartemplate und die Willkommenseite hat ein Startseitentemplate.

Vielen Dank Ihr 2. Das läuft hier ja echt schnell und freundlich.
Ich werde mal schauen was Ihr exakt meint und wo ich jetzt was einfügen soll ^^

Reicht es aus wenn ich einfach

.site-content article{
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-right: 1.0rem;
float: left;
max-width: 100%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
}

.body.home .site-content article{
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-right: 1.0rem;
float: left;
max-width: 31%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
}

einsetze ?

In der Hoffnung das die 3 Artikel nun je 31% Breit werden aber auf den Artikelseiten 100% ?

Jap. Da hätte ich mal genauer schauen sollen, dann hätte ich das in meinen entwicklertools von Chrome gesehen.
Danke das du mir da die Augen geöffnet hast. Top.

Habe es nun geändert

body.blog. site-content article
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-right: 1.0rem;
float: left;
max-width: 31%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
}

body.single .site-content article {
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-right: 1.0rem;
float: left;
max-width: 100%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

Aber damit bleiben die Startseitenbeiträge immernoch 100% Breit anstelle von 31%
Habe ich einen Fehler den ich voller Euphorie nicht sehe ?

Gelöst.

body.blog .site-content article{
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-right: 1.0rem;
float: left;
max-width: 31%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
}

.site-content article {
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-right: 1.0rem;
float: left;
max-width: 100%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

Vielen Dank euch beiden.
Kann man hier keine Schokolade verschenken ? ;)

Hehe auch ne Möglichkeit.
Ich denke für den Anfang muss die Vorstellung von allerfeinster Schoki reichen ^^

Kann ich das Thema nochmal aufgreifen ?

http://www.wire-frame.de
Alles skalliert sich auf allen möglichen endgeräten, ausser meine beiden DIV´s #BG und#BG1 die mir die hintergrundfarbe ermöglichen.
Muss ich diese beiden divs in ein separaten DIV Container stecken ?

Ein lauter Gruß aus Hamburg