Seite über volle (fullwidth) - mit der CSS geht's nicht
Hallo,
ich möchte einige Seiten meines Blogs gerne ohne eine/zwei Spalten darstellen - also über die volle Breite oder nur mit einer Spalte. Mein Theme hat drei Spalten. Alle Anleitungen, die ich bisher fand, funktionieren nicht.
Ich hätte gerne eine Lösung, bei der ich Seiten/Artikel mal ohne Spalten oder nur mit einer darstelle.
Ich bekomme nun alles hin, nur schaffe ich es nicht, die CSS richtig anzupassen ... So ging ich vor:
Das ist die Seite:
http://derappelt.de/forum/
Page.php herunterladen, und oben einfügen
<?php /* Template Name: 1-Spalte
*/ ?>
Dann Datei in 1-Spalte.php umbenannt hochgeladen und bei einer neuen Seite das Template ausgewählt.
In der 1-Spalte.php habe ich dann dies entfernt:
<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
Jetzt wird die Seite nur noch mit einer Spalte angezeigt, allerdings denht sie sich nicht bis zur nächsten Spalte aus. Mit der CSS bin ich übefordert, entweder passiert nichts oder ich zerstöre die Seite :-).
Ich nutze dieses Theme:
http://themes.wordpress-deutschland.org/silhouette-3c/
Hier meine CSS (content):
/************************************************
* Content *
************************************************/#content {
width: 960px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}#content img a{
margin: 0px;
border: none;
float: left;
}
#content h1 {
color: #333333;
font-size: 13px;
font-family: verdana, arial, times new roman;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 0px;
border-top: 1px dotted #C0C0C0;
border-bottom: 1px dotted #C0C0C0;
text-transform: uppercase;
}
#content h1 a, #content h1 a:visited {
color: #333333;
text-decoration: none;
}#content h1 a:hover {
color: #BE0C0C;
text-decoration: none;
}
#content h2 {
color: #333333;
font-size: 14px;
font-family: verdana, arial, times new roman;
font-weight: bold;
margin: 0px;
padding: 0px 0px 5px 0px;
}
#content h2 a, #content h2 a:visited {
color: #333333;
text-decoration: none;
}#content h2 a:hover {
color: #BE0C0C;
text-decoration: none;
}
#content h3 {
color: #333333;
font-size: 14px;
font-family: verdana, arial, times new roman;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 0px;
border-top: 1px dotted #C0C0C0;
border-bottom: 1px dotted #C0C0C0;
text-transform: uppercase;
}
#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
#contentleft {
background: #FFFFFF;
display: inline;
float: left;
width: 480px;
margin: 0px 20px 0px 0px;
padding: 20px 0px 0px 0px;
}
#contentleft p{
padding: 0px 0px 15px 0px;
margin: 0px;
line-height: 17px;
}
#contentleft ol{
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
#contentleft ol li{
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
#contentleft ul{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
#contentleft ul li{
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
blockquote{
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 10px;
background: #E8E8E8;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
}
#content blockquote p{
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}
.postinfo {
width: 460px;
background: #F2F2F2;
font-size: 11px;
color: #333333;
margin: 0px 0px 60px 0px;
padding: 10px 10px 10px 10px;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
line-height: 10px;
}
/************************************************
* Left Sidebar *
************************************************/
