Style Css Änderung breite Theme Orange 1.0

    Hallo wenn ich in einen Beitrag Adsense per Injektion einfügt wird springt mir der mittlere Seitenteil immer nach unten . Adsense Block 468x60.

    Weiß jemand welchen Teil ich dafür im style.css abändern muß ich breche mir gerade einen ab dabei !


    /*
    Theme Name: Orange
    Theme URI: Theme Porter - Wordpress Themes , Wordpress Templates
    Version: 1.0
    Description: Orange Theme Porter to Wordpress
    Author: Theme Porter
    Author URI: Theme Porter - Wordpress Themes , Wordpress Templates
    */
    body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    }
    img {
    margin: 0;
    padding: 0;
    border: 0px none;
    }
    .main {
    width: 700px;
    margin: 0 auto 0 auto;
    background: #fff;
    }
    .topa {
    width: 700px;
    clear: both;
    background: #fff url('images/dotted.gif') repeat-x bottom;
    height: 49px
    }
    .topMenu {
    float:left;width:450px;
    font-size: 11px;
    }
    .topMenu ul {
    padding: 20px 0px 10px 0;
    margin: 0px;
    list-style: none;
    border: none;
    }
    .topMenu li {
    display: inline;
    }
    .topMenu li a {
    color: #f60;
    background: inherit;
    font-weight: normal;
    padding: 20px 5px 6px 5px;
    margin: 0;
    text-decoration: none;
    }
    .topMenu li a:hover {
    color: #000;
    background-color: #f5f5f5;
    font-weight: normal;
    padding: 20px 5px 6px 5px;
    margin: 0;
    border-bottom: 4px solid #ccc;
    text-decoration: none;
    }
    .search {
    float: left;
    width:250px;
    }
    .search p {
    text-align: right;
    margin: 14px 0 0 0;
    padding: 0;
    }
    .topb {
    width: 700px;
    clear: both;
    background: #fff url('images/dotted.gif') repeat-x bottom;
    height: 230px
    }
    .topb .clock {
    float: left;
    width: 245px;
    height: 229px;
    background: #fff url('images/clock.jpg') no-repeat bottom left;
    }
    .topb .welcome {
    float: left;
    width: 415px;
    margin-top: 55px;
    }
    .welcome h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    letter-spacing: -2px;
    color: #999;
    font-weight: normal;
    margin: 0 0 -10px 0;
    padding: 0;
    }
    .welcome h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    letter-spacing: -3px;
    color: #666;
    font-weight: bold;
    margin: -12px 0 0 0;
    padding: 0;
    }
    .welcome h2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    letter-spacing: -3px;
    color: #f60;
    font-weight: bold;
    text-decoration: none;
    }
    .welcome p {
    margin: 10px 0 0 0;
    padding: 0;
    }
    .welcome a {
    color: #f60;
    text-decoration: underline;
    }
    .welcome a:hover {
    color: #f60;
    text-decoration: none;
    }
    .cont {
    clear: both;
    }
    .leftColumn {
    color: #666;
    float: left;
    width: 215px;
    padding: 8px 30px 8px 0px;;
    }
    .leftColumn h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 0 0 4px 0;
    margin: 0;
    border-bottom: 2px Solid #666;
    }
    .leftColumn h2 span {
    color: #f60;
    }
    .leftColumn ul {
    padding: 0;
    margin: 0 0 18px 0;
    list-style: none;
    }
    .leftColumn li {
    display: list-item;
    margin: 0;
    background: #fff url('images/dotted.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
    }
    .leftColumn p {
    margin: 0;
    background: #fff url('images/dotted.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:3px
    }
    .leftColumn li a, .leftColumn p a {
    color: #666;
    margin: 0px;
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 0;
    }
    .leftColumn li a:hover, .leftColumn p a:hover {
    color: #000;
    display: block;
    margin: 0px;
    text-decoration: none;
    padding: 5px 0 5px 5px;
    background-color: #f5f5f5;
    }
    .center {
    float: left;
    width: 450px;
    padding: 8px 0 8px 0;
    }
    .center h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 0;
    margin: 0;
    color: #666;
    }
    .center h2 a {
    color: #666;
    text-decoration: none;
    }
    .center h2 a:hover {
    color: #444;
    text-decoration: none;
    }
    .center p {
    padding: 4px 0 4px 0;
    margin: 0;
    }
    .right {
    padding: 8px 0 8px 0;
    clear: both;
    width: 450px;
    }
    .right img {
    float: left;
    margin: 0 20px 0 0;
    }
    .slinks {
    clear: both;
    border-bottom: 1px solid #ccc;
    text-align: right;
    padding: 0 0 10px 0;
    margin: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ccc;
    }
    .slinks ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
    border: none;
    }
    .slinks li {
    display: inline;
    padding: 0;
    margin: 0;
    }
    .slinks li a, .slinks a {
    color: #999;
    background: #fff;
    padding: 0 6px 0 6px;
    margin: 0;
    text-decoration: none;
    }
    .slinks li a:hover, .slinks a:hover {
    color: #666;
    margin: 0;
    text-decoration: none;
    background: #fff url('images/arrup.gif') no-repeat bottom;; padding-left:6px; padding-right:6px; padding-top:0; padding-bottom:10px
    }
    .cpr {
    clear: both;
    }
    .cpr p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999;
    margin: 2px 0;
    padding: 0;
    }
    .cpr a {
    font-weight: bold;
    text-decoration: none;
    color: #999;
    }
    .cpr a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #666;
    }
    p.date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: right;
    padding: 3px 0 3px 0;
    vertical-align: middle;
    }
    .date a:link, .date a:visited {
    color: #f60;
    text-decoration: underline;
    }
    .date a:hover, .date a:active {
    color: #f60;
    text-decoration: none;
    }
    .date img {
    vertical-align: middle;
    margin: 0 5px 0 5px;
    padding: 0;
    }
    /* 888888888888888888888888888888888888888888888888 */
    input.text {
    margin: 0;
    width: 130px;
    border: 1px solid #ccc;
    background: #fff;
    color: #777;
    }
    input.text:hover {
    border: 1px solid #666;
    }
    input.searchbutton {
    margin: 1px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    background: #FFFFFF;
    color: #f60;
    padding: 1px;
    text-transform: uppercase;
    }
    fieldset {
    border: 1px solid #ccc;
    }
    textarea.text {
    height: 150px;
    width: 90%;
    border: 1px solid #ccc;
    background: #fff;
    color: #444;
    }
    textarea.text:hover {
    border: 1px solid #bbb;
    background: #FFFFF4;
    color: #000;
    }
    input.field {
    border: 1px solid #ccc;
    background-color: #fff;
    width: 200px;
    color: #444;
    }
    input.field:hover {
    border: 1px solid #bbb;
    background: #fff;
    color: #444;
    }
    input.button {
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: #f4f4f4;
    color: #555;
    border: 1px Solid #ccc;
    }

    /*post stylng*/
    .post{margin:0 0 25px 0;}
    .post .info{
    padding:2px 3px 3px 8px;
    border:1px solid #e3e4e4;
    background-color:#f5f5f5;
    font-size:0.9em;
    color:#ff6600;
    }

    .info a{
    color:#ff6600;
    }
    .info a:visited{
    color:#ff6600;
    }
    .entry a:visited{
    color:#ff6600;
    }
    .entry a{
    color:#ff6600;
    }

    /*comment styling*/
    /* Comments Styling */
    #commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
    color:#ff6600;
    }
    #commentlist li a{
    color:#ff6600;
    }

    .graybox a
    {
    color:#ff6600;
    }
    #commentform {
    margin: 1em 0;
    background: #ffffff;
    width: 280px;
    }
    #commentform textarea {
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
    }
    #commentform textarea:hover {
    background: #FFFFFF;
    border: 1px solid #d6d3d3;
    }
    #commentform textarea:focus {
    background: #ffffff;
    border: 1px solid #939793;
    }
    #commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 280px;
    }
    #commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #d6d3d3;
    width: 280px;
    }
    #commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    font-size: 1.1em;
    background: #ffffff;
    border: 1px solid #939793;
    width: 280px;
    }
    #commentform input{
    margin-bottom: 3px;
    }
    blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border: 3px double #cecece;
    font-style: italic;
    }


    Schönen Gruß

    • Gerade eben
    • 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

    irgendwie nehm ich an musst du die Seitenteile schmaler machen,

    aber ich errate jetzt nicht was ein Seitenteil ist

    Url wäre hilfreich

    lg

    Hi ich nehme an dies steht in der footer.php

    Code
    <center> <div class="cpr">
                     <p>copyright ....

    lösche dieses center, das ist 1. falsch,
    2. nicht geschlossen

    wenn Du diese Angaben zentriert haben magst,suche in der style.css nach

    Code
    .cpr {


    clear: both;


}

    und ergänze dies um ein

    Code
    text-align:center;margin:0 auto;

    bei halbwegs normaler Bildschirmauflösung von 1024x768 erzeugt dieses Theme bereits einen horizontalen Scrollbalken

    sprich die rechte Werbung sieht sowieso niemand ;)

    weiters hast du in deinem QUelltext dies drin stehen


    Code
    <div style="position: absolute; width: 100px; height: 363px; z-index: 1; left: 1075px; top: 225px" id="Ebene1">
&nbsp;<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: -202px; top: -79px" id="Ebene2">
&nbsp;</div>

    ich nehme an dies sorgt für den horizontalen Scrollbalken und somit für die Unsichtbarkeit der rechten Sidebar
    und ziemlich sicher für das Abrutschen,

    es erweckt daher den Eindruck, als sei dies an und für sich ein zweispaltiges Theme,
    und aus solchen kann man nicht ohne weiteres ein dreispaltiges machen,


    es ist in diesem Theme so gut wie sehr sehr vieles px genau angegeben,
    änderst Du einmal wo eine Breite gehts wo anders schief :(

    lass die Pseudosidebar mal einfach nach rechts floaten,
    vielleicht gehts dann besser
    und verringere die Breite der

    auf Probeweise 200px und lösche den zweiten Strichpunkt dort bei padding,
    und verringere den zweiten Wert bei padding mal von 30px auf 20px


    ;)

    lg

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden