Widgt-Area verschoben

  • Hallo,

    habe heute nichts programmiert, sondern nur einen Link gesetzt und auf einmal ist meine Widgt-Area verschoben. Eigentlich sollte sie bündig zum Header sein, doch nun klebt sie am Footer. :x Programiere selber nicht, sondern stelle nur ein oder füge mal nebenher ein css ein. Kann mir jemand helfen? Benutze das Theme:
    Weaver 2.2.6

    die Seite: jaenysalenakindgen.pytalhost.com


    Über jede Antwort bin ich dankbar! ;)

    • Anzeige

    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

  • Designe - Editor - Widget Areas

    /* =Widget Areas
    -------------------------------------------------------------- */

    .widget-area ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px;
    }
    .widget-area ul ul {
    list-style: square;
    margin-left: 1.3em;
    }
    .widget_search #s {/* This keeps the search inputs in line */
    width: 60%;
    }
    .widget_search label {
    display: none;
    }
    .widget-container {
    margin: 0px 0 18px 0;
    }
    .widget-area {padding-right:0px;}

    .widget-title {
    color: #222;
    font-weight: bold;
    }
    .widget-area a:link,
    .widget-area a:visited {
    text-decoration: none;
    }
    .widget-area a:active,
    .widget-area a:hover {
    text-decoration: underline;
    }
    .widget-area .entry-meta {
    font-size: 85%;
    }
    #wp_tag_cloud div {
    line-height: 1.6em;
    }
    #wp-calendar {
    width: 100%;
    }
    #wp-calendar caption {
    color: inherit;
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 4px;
    padding-left: 2px;
    text-align: left;
    }
    #wp-calendar thead {
    font-size: 90%;
    }
    #wp-calendar thead th {
    }
    #wp-calendar tbody {
    color: inherit;
    }
    #wp-calendar tbody td {
    background: rgba(0, 0, 0, .06);
    border: 1px solid #fff;
    padding: 3px 0 2px;
    text-align: center;
    }
    #wp-calendar tbody .pad {
    background: none;
    }
    #wp-calendar tfoot #next {
    text-align: right;
    }
    #wp-calendar a {
    font-weight:bold;
    font-style:italic;
    }
    .widget_rss a.rsswidget {
    color: #000;
    }
    .widget_rss a.rsswidget:hover {
    color: #ff4b33;
    }
    .widget_rss .widget-title img {
    width: 11px;
    height: 11px;
    }
    .widget_rss ul a.rsswidget {font-size:110%;display:block;margin-left:-15px !important;}
    .widget_rss ul {list-style-type:none !important;}
    .widget_rss ul .rss-date {font-style:italic;margin-left:8px !important;}
    .widget_rss ul cite {margin-left:20px !important;}

    /* Main sidebars */
    #main .widget-area ul {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    margin-left: 0;
    padding: 0 10px 0px 0; /* changed from 20 to 10 */
    }
    #main .widget-area ul ul {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    border: none;
    margin-left: 1.3em;
    padding: 0;
    }

    /* Footer widget areas */
    #footer-widget-area {
    }

    /* Weaver widget areas and templates */
    #ttw-top-widget,
    #ttw-bot-widget,
    #ttw-site-top-widget,
    #ttw-site-bot-widget,
    #per-page-widget { /* default styling for our top/bottom widget areas */
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 0px;
    overflow: hidden;
    width: 600px;
    }

    #ttw-top-widget,
    #ttw-site-top-widget,
    #per-page-widget {
    margin-bottom: 10px;
    }
    .one-column #ttw-top-widget,
    .one-column #ttw-bot-widget,
    .one-column #ttw-site-top-widget,
    .one-column #ttw-site-bot-widget,
    .one-column #per-page-widget {
    margin-left:60px !important;
    margin-right:auto !important;
    width: 800px !important;
    margin-bottom: 10px!important;
    }
    .one-column-iframe #ttw-top-widget,
    .one-column-iframe #ttw-bot-widget,
    .one-column-iframe #ttw-site-top-widget,
    .one-column-iframe #ttw-site-bot-widget,
    .one-column-iframe #per-page-widget {
    margin-left:60px !important;
    margin-right:auto !important;
    width: 800px !important;
    }

    #ttw-head-widget {
    height:36px;
    margin-bottom:10px;
    text-align: right;
    padding:2px;
    display:inline;
    }
    #ttw-head-widget .textwidget {
    display:inline;
    margin-left: 10px;
    }

    /* Right Alt template */
    .right-alt #container {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    float: left;
    margin: 0 0px 4px 0;
    width: 700px;
    } /* width-200-40 700px? */
    .right-alt #content {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    float: left;
    margin:0 0px 10px 0px;
    overflow:hidden;
    padding: 5px 0px 0px 20px;
    width: 670px;
    }
    .right-alt #content img {
    max-width: 660px;
    }

    #altright {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    float: right;
    overflow: hidden;
    width: 220px;
    margin: 0 0 4px 0;
    }


    /* Left alt template */
    .left-alt #container {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    float: right;
    margin: 0 -240px 4px 0;
    width: 100%;
    }
    .left-alt #content {
    margin: 0px 240px 4px 0px;
    width: 658px;
    padding: 10px 15px 5px 25px;
    }
    .left-alt #content img {
    max-width: 650px;
    }

    #altleft {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    float: left;
    width: 220px;
    padding-left: 15px;
    margin-bottom:4px;
    overflow:hidden;
    }

    /* multiple columns */
    div.multi-content-col-left {
    float: left;
    width: 100%;
    padding-right: 3%;
    }
    div.multi-content-col-right {
    float: left;
    width: 47%;
    }
    div.clear-cols {
    clear: both;
    }

  • sidebar.php

    <?php
    /**
    * The Sidebar containing the primary and secondary widget areas.
    */
    ?>
    <?php

    weaver_put_area('presidebar');
    if (!weaver_is_checked_page_opt('hide-primary-widget-area') && !weaver_replace_primary()) {
    ?>
    <div id="primary" class="widget-area" role="complementary">
    <ul class="xoxo">
    <?php

    /* When we call the dynamic_sidebar() function, it'll spit out
    * the widgets for that widget area. If it instead returns false,
    * then the sidebar simply doesn't exist, so we'll hard-code in
    * some default sidebar stuff just in case.
    */
    if ( ! dynamic_sidebar( 'primary-widget-area' ) ) { ?>
    <li id="meta" class="widget-container">
    <h3 class="widget-title"><?php _e( 'Primary Widget Area', WEAVER_TRANSADMIN ); ?></h3>
    <ul>
    <?php _e("This theme has been designed to be used with sidebars. This message will no
    longer be displayed after you add at least one widget to the Primary Widget Area
    using the Appearance->Widgets control panel.",WEAVER_TRANSADMIN); ?>
    <li><?php wp_loginout(); ?></li>
    </ul>
    </li>

    <?php } // end primary widget area ?>
    </ul>
    </div><!-- #primary .widget-area -->
    <?php
    }

    /* now the secondary area */
    if (!weaver_is_checked_page_opt('hide-secondary-widget-area')&& !weaver_replace_secondary()) {
    // The Secondary Widget Area
    if ( is_active_sidebar( 'secondary-widget-area' ) ) { ?>
    <div id="secondary" class="widget-area" role="complementary">
    <ul class="xoxo">
    <?php dynamic_sidebar( 'secondary-widget-area' ); ?>
    </ul>
    </div><!-- #secondary .widget-area -->
    <?php
    }
    }
    ?>

  • Also bei mir klebt nix am Footer, verlinke bitte mal die Seite auf der das auftritt. Und du musst hier nicht deine ganze CSS reinposten, die kann man mit zwei Klicks ganz schnell erreichen. Un wenn du schon Code hier postest, dann klick vorher auf das "#" im Editor und füge es dann ein, das macht die Beiträge dann übersichtlicher...

  • Bei mir schaut es auf jeder seite so aus... das ist z.B. Über mich. Oder hat sich bei Firefox eine Einstellung verselbstständigt? O.o

    Einmal editiert, zuletzt von Jaeny (26. März 2012 um 15:30)

  • So, etwas schlauer. Wenn man den Zoom einschaltet verschiebt es sich. Aber wie kann ich es so fixieren, dass es dies nicht tut? Entschuldigung für die Irreleitung, aber leider bin ich nicht sehr bewandert in Technik-Fragen :-(

  • in style-weaver.css:

    Code
    #container { float: left; margin: 0 0px 4px 0; width: 768px; }




    aendere [FONT=Courier New][COLOR=blue]768px;[/COLOR][/FONT] zB zu [FONT=Courier New][COLOR=blue]767px;[/COLOR][/FONT]
    [FONT=Courier New][COLOR=#0000ff][/COLOR][/FONT]
    [COLOR=black]hat also mit widgets und sidebar nichts zu tun.[/COLOR]


    keine ahnung wie 'weaver' das mit den angepassten styles handhabt :roll:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!