So, habe was gefunden, um den content Bereich auch wirklich zentriert hinzubekommen. Denen, die es interessiert, möchte ich es natürlich nicht vorenthalten und hab es mal hinten beigepackt. :wink:
Allerdings hab ich nach wie vor Probleme, was das Zentrieren des Navigationsmenüs angeht. Wie bekomme ich das hin? Was muss ich im Stylesheet ändern???
Ums nochmal klarer hervorzuheben, anbei wieder ein präpariertes Bildchen, wie ich es gerne hätte.
Hier der Text, der meinem Problem Abhilfe geschafft hat.
PHP
/* No Sidebar */
@media screen and (min-width: 783px) {
.primary-navigation {
float: left;
margin-left: 20px;
}
}
@media screen and (min-width: 1110px) {
.archive-header,
.comments-area,
.image-navigation,
.page-header,
.page-content,
.post-navigation,
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content footer.entry-meta {
padding-left: 55px;
}
}
/*
centering the page
.site {
margin: 0 auto;
}
*/
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
max-width: 874px;
}
.comments-area {
max-width: 874px;
}
.post-navigation,
.image-navigation {
max-width: 874px;
}
.site:before,
#secondary {
width: 0;
display: none;
}
.featured-content {
padding-left: 0;
}
.featured-content-tp {
padding-left: 0;
}
.site-content, .site-main .widecolumn {
margin-left: 0;
}
.hentry {
max-width: 900px;
}
.post-thumbnail img {
width: 100%;
}
.site-title,
.site-description {
clip: rect(1px 1px 1px 1px); /* IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
}
.site {
max-width: 1135px;
position: relative;
margin: 0 auto;
}
.content-area, .content-sidebar {
padding-top: 0;
}
