Templatebreite anpassen

traz85

Moin Leute,

hab ein kleines Problemchen mit der Templatebreite.
Habe im Template die Sidebar entfernt und würde die statische Seite gerne an die Pagebreite anpassen. Habe mich auch schon ein bisschen durchs Netz gegoogelt, doch irgendwas mache ich in der Style.css Datei falsch.
Habe hier mal den Code meiner Seite, ist wahrscheinlich für jmd der sich auskennt kein Problem, doch für mich eine bisher unlösbare Aufgabe.

PHP

/*/*


/* =Content----------------------------------------------- */
.sticky {}.hentry {    margin: 0 0 1.5em;}.entry-meta {    clear: both;}.byline {    display: none;}.single .byline,.group-blog .byline {    display: inline;}.entry-content,.entry-summary {    margin: 1.5em 0 0;}.page-links {    clear: both;    margin: 0 0 1.5em;}


/* =Asides----------------------------------------------- */
.blog .format-aside .entry-title,.archive .format-aside .entry-title {    display: none;}


/* =Media----------------------------------------------- */
.site-header img,.entry-content img,.comment-content img,.widget img {    max-width: 100%; /* Fluid images for posts, comments, and widgets */}.site-header img,.entry-content img,img[class*="align"],img[class*="wp-image-"] {    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}.site-header img,.entry-content img,img.size-full {    max-width: 100%;    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */}.entry-content img.wp-smiley,.comment-content img.wp-smiley {    border: none;    margin-bottom: 0;    margin-top: 0;    padding: 0;}.wp-caption {    border: 1px solid #ccc;    max-width: 100%;}.wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright {    margin-bottom: 1.5em;}.wp-caption img {    display: block;    margin: 1.2% auto 0;    max-width: 98%;}.wp-caption-text {    text-align: center;}.wp-caption .wp-caption-text {    margin: 0.8075em 0;}#content .gallery {    margin-bottom: 1.5em;}.gallery-caption {}#content .gallery a img {    border: none;    height: auto;    max-width: 90%;}#content .gallery dd {    margin: 0;}#content .gallery-columns-4 .gallery-item {}#content .gallery-columns-4 .gallery-item img {}
/* Make sure embeds and iframes fit their containers */embed,iframe,object {    max-width: 100%;}


/* =Navigation----------------------------------------------- */
#content .site-navigation {    margin: 0 0 1.5em;    overflow: hidden;}#content .nav-previous {    float: left;    width: 50%;}#content .nav-next {    float: right;    text-align: right;    width: 50%;}
/* =Comments----------------------------------------------- */
.bypostauthor {
}
/* Search widget */.topnav{    margin-top:10px;}
#searchbox{    float:right;}
#searchbox label{    display:none;}
input#searchsubmit {    padding:1px 10px;
    }
input#s{    height:16px;    background:#fff;    }






/* =Layout----------------------------------------------- */
#wrapper{    width: 958px;    background:#fff;    padding:20px 19px;    border:1px solid #c3a58a;    margin:50px auto;}
#header{    height:85px;}
.supra{    height:30px;    margin-bottom:5px;}
.supra ul.social{    margin:0px 0px;    padding: 0px 0px;    float:right;}
ul.social li{    float:left;    list-style:none;    margin-left:10px;    text-indent:-9000px;        }
ul.social li a{    display:block;    height:24px;    width:24px;        /* -moz-transition: background 0.2s linear 0s; */-webkit-transition: background 500ms ease-in-out;-moz-transition: background 1000ms ease-in-out;-ms-transition: background 500ms ease-in-out;-o-transition: background 500ms ease-in-out;transition: background 500ms ease-in-out;    }        li.twitter a{    background-position:0px 0px;    background:url(images/social.png);            }
li.twitter a:hover{    background:url(images/social.png);            background-position:0px -216px;        }    li.facebook a{    background:url(images/social.png);            background-position:0px -48px;    }
li.facebook a:hover{    background:url(images/social.png);            background-position:0px -264px;    }        li.feed a{    background:url(images/social.png);            background-position:0px -96px;    }
li.feed a:hover{    background:url(images/social.png);            background-position:0px -312px;    }        li.mail a{    background:url(images/social.png);            background-position:0px -144px;    }
li.mail a:hover{    background:url(images/social.png);            background-position:0px -360px;    }                
.top{    height:40px;    background:#ff743c;}
.logo{    float:left;    background:#fff;    height:40px;    padding:0px 10px 0px 0px;}
.logo h1{    margin:0px;    padding:0px;    text-transform:uppercase;    font-weight:800;    font-size:36px;    line-height:40px;}
.logo h1 a:link, .logo h1 a:visited{    color:#444;    text-decoration:none;}


/* TOP-MENU */    #botmenu{
    margin:5px 0px 0px 0px;    font-size: 12px;    overflow:hidden;
    }    #submenu {    margin: 0px 0px;    padding:0px 0px;    height:40px;    }    #submenu ul {    width: auto;    float: right;    list-style: none;    margin: 0;    padding: 0 0px;    }    #submenu li {    float: left;    list-style: none;    margin: 0;    padding: 0;    color: #fff;    font-weight:bold;    text-transform:uppercase;    }    #submenu li a {    color: #fff;    display: block;    margin: 0;    padding: 11px 10px 11px 10px;    text-decoration: none;    position: relative;    }
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a  {    color: #fff;
    }    #submenu li a.sf-with-ul {    padding-right: 10px;    }        
    #submenu li li a, #submenu li li a:link, #submenu li li a:visited {    color: #eee;    font-size:12px;    width: 148px;     margin: 0;    padding: 10px 10px;    border-bottom:1px solid #666;    border-top:1px solid #888;    border-left:1px solid #888;    border-right:1px solid #666;    position: relative;    background:#7D7D7D;    font-weight:normal;    }    #submenu ul ul li:first-child{    border-top:none;
}
#submenu ul ul li:last-child{    border-bottom:none;
}        #submenu li li:last-child{    border-bottom:none;}        #submenu li li a:hover, #submenu li li a:active {    background:#666;    color: #fff;     }


#submenu li ul {    z-index: 9999;    position: absolute;    left: -999em;    height: auto;    width: 170px;    margin: 0px 0px;    padding: 0px;    background:#282828;
    }
#submenu li ul a {     width: 150px;    }
#submenu li ul a:hover, #submenu li ul a:active {     }
#submenu li ul ul {    margin: -40px 0 0 169px;    }
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {    left: -999em;    }
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {    left: auto;    }
#submenu li:hover, #submenu li.sfHover {     position: static;    }        /* Slider     */


#slidebox{    width:960px;    height:350px;}
    /* CTA     */
.cta{        border-bottom:5px solid #FF743C;    padding:30px 30px;    text-align:center;    font-size:20px;    font-family:Bitter, serif;    margin-bottom:10px;}    
    /* Content */


#content{    float:left;    width:670px;    padding:20px 0px;    }


#content.ohne sidebar{     margin: 0 auto;     width: 900px; }


.post{    margin-bottom:30px;}


.cover{    float:left;    width:420px;}.title h2{    font-size:22px;    }
.title h2 a,.title h2 a:link{    color:#444;    text-decoration:none;}
.postimg{    float:left;    margin-right:20px;    width:200px;}
.postmeta{    text-transform:uppercase;    font-size:11px;}
.postmeta a:link,.postmeta a:visited{    color:#FF743C;    text-decoration:none;} 
.comm{    float:right;}
.comm a:link,.comm a:visited{    color:#FF743C;    text-decoration:none;} 
.entry{    line-height:160%;}
/* =Widgets----------------------------------------------- */
#sidebar{    width:200px;    float:right;    padding:20px 0px;}
#sidebar ul{    margin:0px;    padding:0px;}
h3.sidetitl {    font-size: 14px;    margin-bottom: 10px;    padding-bottom:10px;    text-transform:uppercase;   color:#444;   border-bottom: 1px solid #ddd;}
.sidebox {    list-style: none;    margin: 0px 0px 25px 0px;}
.sidebox ul {    list-style-type: none;    margin: 0px;    padding: 0px;}
.sidebox li {    list-style-type: none;    margin: 0px;    padding: 0px;}
.sidebox ul ul {    list-style-type: none;    background-repeat: no-repeat;    margin: 0px;    padding: 0px;}
.sidebox ul li {    list-style-type: none;    margin: 0px;    margin: 0px 0px;}
.sidebox ul li a:link,.sidebox ul li a:visited {    color: #666;    text-decoration: none;}
.sidebox ul li a:hover{    color:#000;}
.sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,.sidebox.widget_links ul li,.sidebox.widget_meta ul li {    border-bottom: 1px solid #fff;   padding: 7px 0px;}
.sidebox.widget_recent_entries ul li  {    padding: 7px 0px;    border-bottom: 1px solid #fff;}
ul#recentcomments li.recentcomments {    border-bottom: 1px solid #fff;    padding: 5px 0;}
.sidebox .textwidget p {    padding: 0px 10px;}
.squarebanner ul{    margin:0px 0px 0px 0px;    padding:0px;}
.squarebanner ul li{    margin:10px 20px 10px 0px;    list-style:none;    float:left;}


li.rbanner{    margin-right:0px!important;}

Alles anzeigen

Den Teil: #content.ohne sidebar{ margin: 0 auto; width: 900px; } habe ich in die Styledatei eingefügt... (musste ein den Code gekürzt posten, da das Forum den Post auf 10.000 Anschläge begrenzt)

Please Help :-(

Liebe Grüße
André

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

alchymyth

welches theme ist das?
verwendet das theme 'body_class()'?
gibt es einen link zum problem?

traz85

Ich verwende das Theme Delphi.
Hier mal die Seite http://www.ferienhaus-gruissian.net

In der Header.php Datei wird body_class verwendet, hier mal der Code.

Zitat

<!DOCTYPE html><html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php
/*
* Print the <title> tag based on what is being viewed.
*/
global $page, $paged;

wp_title( '|', true, 'right' );

// Add the blog name.
bloginfo( 'name' );

// Add the blog description for the home/front page.
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";

// Add a page number if necessary:
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', '_s' ), max( $paged, $page ) );

?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<link href='http://fonts.googleapis.com/css?family=Ope…800,400,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bit…0,400italic,700' rel='stylesheet' type='text/css'>


<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<div id="wrapper">

<div id="header">

<div class="supra">

<ul class="social">
<li class="facebook"> <a href="<?php echo of_get_option('w2f_facebook'); ?>"> Facebok </a> </li>
<li class="feed" > <a href="<?php bloginfo('rss2_url'); ?>"> RSS </a> </li>
<li class="twitter"> <a href=" https://twitter.com/<?php echo of_get_option('w2f_twitter'); ?> "> Twitter </a> </li>
<li class="mail"> <a href="mailto:<?php echo of_get_option('w2f_email'); ?>"> Email </a> </li>
</ul>

</div>

<div class="top">
<div class="logo">
<h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
</div>
<div id="botmenu">
<?php wp_nav_menu( array( 'container_id' => 'submenu', 'theme_location' => 'primary','menu_id'=>'web2feel' ,'menu_class'=>'sfmenu','fallback_cb'=> 'fallbackmenu' ) ); ?>
</div>
</div>

</div>

<div id="main">

Alles anzeigen

Was meinst du mit dem Linkproblem? Ich wollte das Seitentemplate für die Startseite benutzen. Die Startseite ist ganz normal aufrufbar. Ich habe auf der linken Seite einen Slider, auf der rechten Seite einen Willkommenstext. Die Sidebar habe ich ausgeblendet über ein Seitentemplate, aber der Text geht nicht über die Position auf der ursprünglich die Sidebar war. Diese scheint wie ausgeblendet aber immer noch irgendwie existent und ich verstehe das Problem nicht?! Habe in die Style.css Datei folgenden Code

#content.ohne sidebar{ margin: 0 auto; width: 900px; }

eingefügt um die Contentbreite anzupassen, aber esfunktioniert leider nicht :-/ Und jetzt verstehe ich nur noch Bahnhof :(Über Hilfe wäre ich sehr Dankbar.

Liebe Grüße

alchymyth

Zitat

Was meinst du mit dem Linkproblem?

ich meinte die url von der webseite mit dem problem; der angegebene link funktioniert leider nicht.

wie sieht der code vom seitentemplate aus?

das hier sieht jedenfalls nicht nach richtigen CSS-selektoren aus:

Code

[B]#content.ohne sidebar[/B]

wie sieht der zugehoerige html code aus?

traz85

Zitat von alchymyth
ich meinte die url von der webseite mit dem problem; der angegebene link funktioniert leider nicht.
wie sieht der code vom seitentemplate aus?

das hier sieht jedenfalls nicht nach richtigen CSS-selektoren aus:
Code
[B]#content.ohne sidebar[/B]
wie sieht der zugehoerige html code aus?
Alles anzeigen

Mit Schreibfehler kann der Link auch nicht funktionieren :P hier der Richtige: http://ferienhaus-gruissan.net/

Der Code des Sitetemplates:

PHP

<?php/* * Template Name: ohne sidebar */  get_header(); ?><div id="container">     <div id="content" class=”ohne-sidebar">
<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>
<div class="title"></div><div class="entry"><?php the_content('Read the rest of this entry &raquo;'); ?><div class="clear"></div></div></div><?php endwhile; endif; ?></div> <?php get_footer(); ?>

CSS-selektore? Was meinst du damit?

funkygog

Die class im Template lautet:
ohne-sidebar

in der css Datei steht
ohne sidebar

also ohne Bindestrich.

traz85

Auch wenn ich es anpasse funktioniert das ganze nicht :-/
Hab es bei beidem Mit Bindestrich, als auch ohne versucht...

funkygog

da Bedarf es keines Versuches, die Begriffe müssen identisch sein, sonst kann nichts passieren.
Wenn es dann nicht funktioniert gilt es anderes zu untersuchen.

traz85

Und wo muss ich mich da auf die Suche begeben? Bzw was muss ich untersuchen?

funkygog

was mir noch auffällt sind die Anführungszeichen:
[COLOR=#000000]div id="content" class=[/COLOR][COLOR=#b22222]”[/COLOR][COLOR=#000000]ohne-sidebar"[/COLOR]

alchymyth

das anfuehrungszeichen und die css class muss berichtigt werden;

HTML

<div id="content" class="ohne-sidebar">

und die css dazu ist dann:

Code

#content.ohne-sidebar { .... }

dann sollte das funktionieren.

traz85

Ich möchte ich vielmals für eure Hilfe bedanken. Die Anführungszeichen waren des Rätsels Lösung :) Vielen Dank :-D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Templatebreite anpassen

Jetzt mitmachen!