Seitenbreite anpassen?

Stefanieschmidt

Hallo zusammen,
ich bin gerade dabei meinen ersten richtigen Blog aufzusetzen.

Ne menge habe ich mit hilfe dieses Forums schon hinbekommen aber jetzt stecke ich fest und hoffe, das ihr mir helfen könnt.

Ich will auf den Seiten, keine sidebars haben, ich habs auch geschafft diese zu entfernen.

Jetzt würde ich die Seite gern auf die volle Fläche ausbreiten damit ich mehr Platz habe um etwas zu schreiben oder Videos einzubinden (ich hoffe das ist einigermaßen verständlich).

Die Ansätze, die ich bisher hier im Forum gefunden habe, haben leider nicht funktioniert.

Hier mal meine Page PHP:

PHP

<?php get_header(); ?>






<div id="content">


    <div id="page">


        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>


        <h1><?php the_title(); ?></h1>


        


        <div class="entrytext">


            <?php the_content('<p class="serif">'.__('Read the rest of this page &raquo;','andreas09').'</p>'); ?>


        </div>


        


        <?php wp_link_pages('before=<p><strong>'.__('Pages:','andreas09').'</strong> &after</p>&next_or_number=number&pagelink=%'); ?>


         


        <?php endwhile; endif; ?>


    </div>














<?php get_footer(); ?>

Alles anzeigen

Ich nutze das Theme wp-andreas09 2.2 und meinen Blog findet ihr hier:
http://www.internet-erfolg-ist-planbar.de/

Ich hoffe ihr könnt mir weiter helfen.

Liebe Grüße
Steffi

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Kirchenschnack

Css

Du hast eine CSS-Datei in dem Theme drin und darin eine wight= xxx px

also irgend eine Zahl mit einem px dahinter. Ändere diese Zahl mal in 100% dann solltest Du die volle Breite von deinem Bildschirm haben.

Stefan

Stefanieschmidt

Hi,
danke für die schnelle Antwort.

In der CSS Datei hab ich auch schon geschaut und rumprobiert aber nichts gefunden.

Außerdem muss ich das ja da dann auch irgendwie einstellen, dass die Änderungen nur für die Seiten übernommen werden und nicht für den Blogteil.

Hab mal die CSS kopiert:

PHP

/* 
Theme Name: steffi
Theme URI: http://webgazette.co.uk/
Description: WP-Andreas09 theme for WordPress based on the open source template, andreas09 by <a href="http://www.andreasviklund.com/">Andreas Viklund</a> - Ported to WordPress by <a href="http://webgazette.co.uk/">Ainslie</a>.
Version: 2.2
Author: Andreas Viklund and Ainslie
Author URI: http://webgazette.co.uk/


andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author.


Ported to WordPress by Ainslie - Last updated 25/10/08
*/


/* WordPress specific image requirements */


#content .aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.alignleft {
   float: left;
}


.alignright {
   float: right;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}


.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}


.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* General Element Styling */


body {
    background:#8b8b8b;
    color:#303030;
    font:76% Verdana,Tahoma,Arial,sans-serif;
    margin:0;
    padding:0;
    text-align:center;
}


a {
    font-weight:bold;
    text-decoration:none;


}


a:hover {
    color:#808080;
    text-decoration:underline;
}


p {
    line-height:1.5em;
    margin:0 0 15px;
    padding: 0px;
}






/*** Main container ***/






#container {
    color:#303030;
    margin:0;
    min-width:770px;
    padding:0;
    text-align:left;
    width:100%;
}


/*** Header section ***/


#sitename {
    color:#ffffff;
    height:90px;
    margin:0 20px 10px;
    text-align:left;
}


#sitename h1,
#sitename h2 {
    font-weight:400;
    margin:0;
    padding:0;
}


#sitename h1 {
    font-size:0em;
    padding-top:0px;
}


#sitename h1 a {
    text-decoration:none;
    color:#FFF;
    /*width:250px;*/
    height:30px;
    display:block;
    font-family:"Lucida Sans Unicode","Lucida Grande",Helvetica;
    letter-spacing:0;
        text-indent:-9999px;
}




#sitename h2 {
    font-size:1.6em;
}


/*** Content wrap ***/


#wrap {
    clear:both;
    font-size:0.9em;
    padding:0;
    margin-top: 5px;
}


/* Horizontal menu */


#mainmenu {
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
}


#mainmenu ul.level1 {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


#mainmenu ul {
    background: #b0b0b0 url(images/menubg.jpg) center left repeat-x;
    padding: 0 0 0 5px;
    margin: 0px;
    border-bottom: 1px solid #fff;
}


#mainmenu li {
    display: inline;
    line-height: 25px;
    margin-left: -4px;
    padding: 0px;
    font-size: 0.9em;
    list-style: none;
    text-transform: uppercase;
}


#mainmenu a {
    padding: 6px 9px 6px 9px;
    text-decoration: none;
    border-right: 1px solid #B0B0B0;
}


#mainmenu li.current a {
    color: #000;
}


/*** Sidebars ***/


#leftside,#rightside {
    margin:0;
    padding:0 10px 10px;
    width:165px;
}


#leftside {
    float:left;
    margin-right:10px;
}


#rightside {
    float:right;
    margin-left:10px;
}


#rightside img {
    border: 0px;
}


/*** Sidebar menu ***/


#leftside h2, 
#rightside h2 {
    font-size: 1.4em;
    margin-top: 10px;
    padding: 5px 5px 5px 0;
    border-bottom: 1px solid #BEBFC3;
}


#leftside ul, 
#rightside ul {
    padding-left: 0px;
    margin: 0px;
}


#leftside li, 
#rightside li {
    list-style: none;
}


li#categories li.cat-item a, 
li.widget_categories li a, 
li#archives li a, 
li#pages li a {
    background:#e8e9ea;
    border:1px solid #b0b0b0;
    display:block;
    margin-top:4px;
    padding:5px 4px 4px 10px;
    position:relative;
    text-transform: capitalize;
    width:140px;
}


li#categories li.cat-item a:hover, 
li.widget_categories li a:hover, 
li#archives li a:hover, 
li#pages li a:hover {
    background:#f8f9fa;
    border:1px solid #909090;
    color:#303030;
    text-decoration:none;
}


li#categories li.cat-item ul.children li a, 
li.widget_categories ul.children li a, 
li#archives ul.children li a, 
li#pages ul li ul li a {
    font-size:0.8em;
    letter-spacing:1px;
    margin:3px 0 2px 10px;
    padding:4px 2px 2px 8px;
    width:125px;
}


li#categories li.cat-item ul.children li li,
li.widget_categories ul.children li li, 
li#archives ul.children li li, 
li#pages ul li ul li ul li {
    padding-left: 10px;
}


li#categories li.cat-item ul.children li li a,
li.widget_categories ul.children li li a, 
li#archives ul.children li li a, 
li#pages ul li ul li ul li a {
    width: 100%;
}


li.feed {
    background: url(images/rss.gif) no-repeat left top;
    padding: 2px 0 8px 20px;
}


li#recent-comments ul li {
    padding-bottom: 5px;
}


li#recent-posts ul li {
    padding-bottom: 5px;
}


/*** Content ***/




#content,#contentalt {
    background-color:#fafcff;
    border:1px solid #909090;
    color:#2a2a2a;
    padding:15px 20px 5px;
}


#content {    
    margin:0 200px;
}


#contentalt {    
    margin:0 200px 0 20px;
}


#content h1, 
#contentalt h1, 
#contentalt h2 {
    background-color:inherit;
    color:#606060;
    font-size:1.8em;
    font-weight:bold;
    letter-spacing:-1px;
    margin:0 0 15px;
    padding:0;
}


#content h1, 
#contentalt h1 {
    border-bottom: 1px solid #b0b0b0;
}


#content h2 {
    font-size:1.6em;
    color:#606060;
}


/* The Fix (Andy Skelton) */


.entry, 
.entrytext {
    overflow: hidden;
}


* html.entry, 
* html.entrytext {
    overflow: visible;
    height: 1px;
}


* html.entry p, 
* html.entrytext p {
    width: 99%;
    overflow: hidden;
}


.entrytext {
    padding-top: 0px;
}


/* Archives/Links Page List styles */


.archives li, 
.linkspage li {
    list-style: none;
}


.archives ul.children {
    padding-left: 10px;
    margin-left: 10px;
}


/*** Footer ***/


#footer {
    background:#8b8b8b url(images/footerbg.jpg) top left repeat-x;
    clear:both;
    color:#000;
    font-size:0.9em;
    font-weight:bold;
    margin:0;
    padding:20px 0;
    text-align:center;
    width:100%;
}


#footer a {
    color: #d0d0d0;
    font-weight:bold;
}


/*** comments Form ***/


#comment {
    width: 100%;
    border:1px solid #b0b0b0;
}


#commentform {
    width: 97%;
}


#author {
    border:1px solid #b0b0b0;
}


#email {
    border:1px solid #b0b0b0;
}


#url {
    border:1px solid #b0b0b0;
}


#submit {
    background:#f0f0f0;
    border:1px solid #b0b0b0;
}


#submit:hover {
    background: #e8e9ea;
    border: 1px solid #848484;
    cursor: pointer;
}


/* Image Display */


.entry img, 
.entrytext img {
    border: 0px;
    margin: 3px;
    padding: 2px;
}


.entry a:hover img, 
.entrytext a:hover img {
/*    border: 1px solid #505050;*/
/*    padding: 5px;*/
}


img.wp-smiley {
    border: 0px;
    margin: 0px;
    padding: 0px;
}


.thumbnail {
    background:#fafbfc;
    border:1px solid #b0b0b0;
    margin:0 0 10px 10px;
    padding:5px;
}


.left {
    background:#fafbfc;
    border:1px solid #b0b0b0;
    float:left;
    margin: 5px 15px 6px 0px;
    padding:5px;
}


.right {
    background:#fafbfc;
    border:1px solid #b0b0b0;
    float:right;
    margin: 5px 0px 6px 15px;
    padding:5px;
}


.noalign {
    background:#fafbfc;
    border:1px solid #b0b0b0;
    margin: 5px 5px 5px 5px;
    padding:5px;
}


/* Search Form */


#searchform {
    margin-top: 10px;
}


#searchbox {
    background:#f0f0f0;
    border:1px solid #b0b0b0;
    margin:0 4px 0 0;
    width:160px;
}


#searchbutton {
    background:#f0f0f0;
    border:1px solid #b0b0b0;
}


#searchbutton:hover {
    background: #e8e9ea;
    border: 1px solid #848484;
    cursor: pointer;
}


/*** Comments Display ***/


.postmetadata {
    background:#e8e9ea;
    font-size: 0.9em;
    border: 1px solid #b0b0b0;
    padding: 10px;
    margin: 0px;
}


ol.commentlist li {
    border: 1px solid #b0b0b0;
    padding: 10px;
    margin-bottom: 10px;
}


ol.commentlist li cite {
    text-transform: capitalize;
}


ol.commentlist li p {
    padding-top: 10px;
}


.alt {
    background:#e8e9ea;
}


/*** Text format ***/


.intro {
    font-size:1.1em;
    font-weight:bold;
    letter-spacing:-1px;
}


blockquote {
    border: 1px dashed #b0b0b0;
    padding: 10px;
    margin: 30px;
}


blockquote p {
    padding: 0px;
    margin: 0px;
}


.small {
    font-size:0.8em;
}


.large {
    font-size:1.4em;
}


.center {
    text-align:center;
}


.category {
    border-bottom: 1px solid #b0b0b0;
}


.date {
    margin-top: -10px;
    padding-top: 0px;
    border-bottom: 1px solid #b0b0b0;
}


#page {
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/* Previous/Next Page Navigation */


.navigation {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px dashed #b0b0b0;
}


.bottomnavigation {
    margin: 30px 0 0 0;
    padding: 5px 0 30px 0;
    border-top: 1px dashed #b0b0b0;
}


.leftside {
    float: left;
    text-align: left;
}


.rightside {
    float: right;
    text-align: right;
}


.post {
    padding-top: 0px;
    padding-bottom: 10px;
    margin: 0px;
}


/*** Various classes ***/


.clearingdiv {
    clear:both;
    height:30px;
    width:1px;
}


.hide {
    display:none;
}


/* Widgets */


.rsswidget {
    border:0px;
    vertical-align: bottom;
}
/*** End of file ***/

Alles anzeigen

Duke40

Hallo um Inhalt auf die gesamte Breite zu strcken musst das margin bei #content entfernen
gux du
style.css Zeile 303

Code

#content {
margin:0 [COLOR=Red]200px[/COLOR];




}

das rote einfach löschen ;)

Ich empfehle Firefox mit dem Addon Firebug, damit findest du so etwas ganz leicht selbst heraus. So zu sagen das Schweitzer Taschenmesser des Webdesigners

Stefanieschmidt

Hi, hab gerade festgestellt, dass es so doch nicht funktioniert - die mittlere Spalte ist dann auf allen Seiten viel zu breit und geht im Blogbereich in die Sidebars rein, was ziemlich unschön aussieht...
Gibt es denn ne Möglichkit, das irgendwo zu teilen?
Hatte auch schon geschaut ob es vllt. in der Page.php ne direkte Verlinkung zu style.css gibt, dann hätte ich das umbenennen können, so einfach wars dann aber leider doch nicht...

Steffi

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seitenbreite anpassen?

Jetzt mitmachen!