Eine Sidebar verschieben aber wie?

Kimbi

Hallo,

zunächst mal mein Blog: http://maunzblog.die-teppichtorpedos.de
Ich würde gerne eine Sidebar (die Erste) nacht links verschieben.
Da ich nicht genau weiß, was ich Alles in der style.css ändern muss, habe ich Teile davon mal hier eingefügt.
Vielleicht kann mir ja Jemand helfen.

PHP

body {
   font-family: Tahoma,Arial;
   font-size:12px;
   background: url(images/back1.png);
   padding-top : 0px;
   margin-top : 0px;
 
   text-decoration: none;
   }
#wrap
 {
   width:1000px;
   color:#373737F;
   margin:0 auto;
   background : #ffffff;
 
 }
 
#header
  {
    background:url(images/header-grafik1.jpg) no-repeat left top;
    height:250px;
    width:1000px;
    position:relative;
    color:#000;
    float:left;
    padding:0;
   }
 
#header h1
  {
    margin-left :  20px;
    margin-top  : 50px;
    color : #54A9A2;
    font-family: tahoma, arial, serif;
    font-style : tahoma, arial;
    font-size : 30px;
    font-weight : normal;
    padding:0;
    margin-bottom : 0px;
    width : 500px;
    float : right;
    padding-right : 5px;
  }
 
#header h1 a, #header h1 a:link, #header h1 a:active, #header h1 a:visited
{
  color : #353535;
  font-weight : normal;
}
 
#header h1 a:hover
{
  color : #C8CBCC;
  font-weight : normal;
}
 
#header h2
  {
    margin-left :  20px;
    margin-top : 0px;
    color : #F17198;
    font-size : 14px;
    font-style : tahoma, arial;
    font-family : tahoma, arial;
    font-weight : normal;
    padding:0;
    width : 500px;
    float : right;
    padding-left : 5px;
  }
 
#searchbutton
  {
    background:#FFCA10;
    color:#383E47;
    font-size:13px;
    border : 1px solid #FD950B;
   }
#searchform
  {
    border : none;
  }
 
#menu
{
  height : 30px;
  float : left;
  clear: both;
  width : 900px;
  background-color : #000000;
}
 
#menu ul {
            margin: 0;
            padding: 0 0 0 0;
            list-style: none;
}
 
#menu li {
            display: inline;
}
 
#menu a {
            display: block;
            float: left;
            background-color: #000000;
            text-decoration: none;
            font-size: 13px;
            color: #ffffff;
            border-right : 2px solid white;
            font-weight : bold;
            padding: 5px 20px 0px 20px;
            height : 25px;
}
 
#menu a:hover {
  background-color : #353535;
 
}
 
#menu .active a {
}
 
.clr
{
 clear : both;
}
 
.left
  {
    float:right;
    width:190px;
 
    margin:10px 0px 5px 5px;
    border-right : 2px dotted #8D8A83;
    padding-right : 5px;
 
   }
.right
  {
    float:right;
    width:190px;
    margin:10px 5px 5px 5px;
   }
.right img
  {
     border:0;
     display:block;
     margin-left:auto;
     margin-right:auto;
   }
.middle
  {
    margin-top:10px;
    line-height:16px;
    margin-left:10px;
    float:left;
    width:570px;
    overflow:hidden;
    padding-right : 10px;
 
 font-family : tahoma, arial;
    font-size: 12 px;
 
    font-style : tahoma, arial;
   }
 
.heading
  {
    font-family : tahoma, arial;
    font-size:16px;
    font-style : tahoma, arial;
    margin:0 7px 0px 0;
    padding-bottom : 10px;
    border-bottom : 2px dotted #FDB2C0;
    width : 100%;
 
  }
.middle img
  {
    border:0;
   }
 
#adpos1
/*For the adsense position at the top - Banner 468x60 */
{
  width : 480px;
  float : left;
  margin : 0;
  padding : 0;
  display : block;
}
 
#adpos1 img {
 border : 0;
}
 
#adblocks
{
  background: #F3F3F3;
  width : 350px;
  height : 310px;
  float : right;
  margin-right : 10px;
  margin-top : 10px;
}
 
.adpos125
{
  margin-top : 20px;
  width : 125px;
  height : 125px;
  display : block;
  padding-right : 25px;
  float : right;
}
 
#newsbox {
  width : 480px;
  min-height : 200px;
  background-color : #f3f3f3;
  border-top : 3px solid #7AD2F7;
  border-bottom : 3px solid #000000;
  display : block;
  overflow : hidden;
  margin-bottom : 10px;
  clear : both;
}
 
#newsbox h2
  {
    font-size:13px;
    margin:0 7px 0px 0;
    padding:3px 0;
    border : 0;
   }
 
#newsbox p
{
  margin-top : 0px;
}
 
 
.newsitem
{
  margin-top : 5px;
  float : left;
  clear : both;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 10px;
  padding-right : 10px;
  border-bottom : 1px solid #bcbcbc;
}
 
blockquote {
border: 1px dashed rgb(255,147,40);
margin: 0.5em 1.5em; 
padding: 5px 1.5em 5px 1.5em; 
background-color: rgb(235,235,235);
}
 
.postmetadata
{
  padding-top : 0px;
  margin-top : 0px;
}
 
img.wp-smiley
  {
    border:0;
    padding:0;
   }
 
div.footerbr
{
  clear : both;
  background:#fff url(images/footer.gif) no-repeat;
  height : 80px;
}
#footer
  {
    width:1000px;
    clear:both;
    height : 60px;
background:#353535;
    text-align : center;
    padding-top : 3px;
   }
#footertext a
{
  font-weight : normal;
}
 
#footertext
{
  float : right;
  width : 250px;
  padding-right : 3px;
  margin-top : 5px;
  font-size : 10px;
 
  text-align : right;
}
 
div.hr
  {
    height:3px;
    background:#fff url(images/hr.gif) repeat-x scroll center;
    clear:both;
  }
div.br
  {
    height:10px;
    background:#fff url(images/br.gif) repeat-x scroll center;
    clear:both;
   }
.alignright
  {
    float:right;
    margin-left : 5px;
  }
.alignleft
  {
   float:left;
   margin-right :5px;
  }
.gcomment
  {
    border-left:none;
    vertical-align:middle;
    border-right:none;
    margin-bottom:3px;
    border-bottom:1px solid #f3f3f3;
    background-color:#F7F7F7;
    padding:3px;
   }
.ucomment
  {
    border-left:none;
    border-right:none;
    margin-bottom:3px;
    border-bottom:1px solid #f3f3f3;
    background-color:#E7F7FD;
    padding:3px;
   }
input#submit
  {
    background:#fff url(images/submit.gif) repeat-x center;
    height : 35px;
    font-weight : bold;
    border : none;
   }
ol.commentlist
  {
     margin:0 0 1px;
     padding:0;
  }
ol.commentlist li
  {
    list-style:none;
    margin:0;
    padding:13px 13px 1px;
  }
ol.commentlist li.commenthead
  {
    list-style:none;
    margin:0;
  }
ol.commentlist li.commenthead h2
  {
    margin:0;
  }
span
 
.addthis
  {
    float:right;
    clear:both;
   }
a:link,a:active,a:visited
  {
    text-decoration:none;
    color : #353535;
    border:none;
    font-weight : bold;
  }
a:hover
  {
    text-decoration:none;
    color:#C8CBCC;
    border:none;
    font-weight : bold;
  }
 
 
.comments h3
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px;
    padding:3px 0;
  }
.left ul,.right ul
  {
    list-style-type:none;
    margin:0;
    padding:0px;
    line-height:150%;
    font-size:11px;
 
 
   }
.left ul li,.right ul li
  {
   list-style-type:none;
   margin:0 0 20px;
   padding:0;
 
  }
.left ul li h2, .right ul li h2
{
  background:transparent url(images/button.gif) no-repeat 0 0px;
  font-family : tahoma, arial;
  font-weight : bold;
  font-size   : 14px;
  font-style  : tahoma, arial;
 
  color: #B62007;
  width : 190px;
  display : block;
  height : 50px;
  text-align : center;
  margin : 0px;
  padding-top : 10px;
}
 
.left ul li ul,.right ul li ul
  {
    list-style-type:none;
    margin:0;
    padding:0 3px;
    margin-top : -10px;
 
  }
 
.left ul li ul li ul,.right ul li ul li ul
  {
    margin-top : 2px;
 
  }
.left ul li ul li,.right ul li ul li
  {
    list-style-type:none;
    background:transparent url(images/bullet.gif) no-repeat 0 4px;
    border:0;
    margin:0;
    padding:0 0 2px 14px;
 
    }
 
.comments h3
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px;
    padding:3px 0;
  }
.comments h3
  {
    margin-left : 10px;
  }
#commentform
  {
    margin-left : 10px;
  }
 
 
.right ul,.right ul
  {
    list-style-type:none;
    margin:0;
    padding:0;
    line-height:150%;
    font-size:11px;
   }
.right ul li,.right ul li
  {
    list-style-type:none;
    margin:0 0 20px;
    padding:0;
  }
.right ul li ul,.right ul li ul
  {
    list-style-type:square;
    margin:0;
    padding:0 3px;
  }
.right ul li ul li,.right ul li ul li
  {
    list-style-type:none;
    background:transparent url(images/bullet.gif) no-repeat 0 4px;
    border:0;
    margin:0;
    padding:0 0 2px 14px;
   }
.right ul li ul li :hover
  {
    border-bottom:#ccc 1px solid;
  }
div.hr hr,div.br br
  {
    display:none;
  }
.middle2,.middle3
  {
    margin-top:10px;
    line-height:16px;
    margin-left:10px;
    float:left;
    width:237px;
    border:3px solid #f3f3f3;
    overflow:hidden;
    padding:10px;
   }
.middle2 h2,.middle3 h2
  {
    font-size:14px;
    border-bottom:dashed 1px #ccc;
    margin:0 7px 3px 0;
    padding:3px 0;
   }
.middle2 :hover,.middle3 :hover
  {
    background:#fafafa;
  }
.ucomment img,.addthis img
  {
    border:0;
  }
 
img.avatar
 {
  float:left;
  margin-right:5px;
 }
 
#wp-calendar {
            empty-cells: show;
            margin: 10px auto 0;
            width: 190px;
            }
 
#wp-calendar #next a {
            padding-right: 10px;
            text-align: right;
            }
 
#wp-calendar #prev a {
            padding-left: 10px;
            text-align: left;
            }
 
#wp-calendar a {
            display: block;
            }
 
#wp-calendar caption {
            text-align: center;
            width: 100%;
            }
 
#wp-calendar td {
            padding: 3px 0;
            text-align: center;
            }
 
#wp-calendar td.pad:hover { /* Doesn't work in IE */
            background-color: #fff; }
/* End Calendar */

Alles anzeigen

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

Kimbi

Und hier kommt der Rest:

PHP

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
 
 
/* These are standard sIFR styles... do not modify */
 
 
.sIFR-flash {
            visibility: visible !important;
            margin: 0;
}
 
.sIFR-replaced {
            visibility: visible !important;
}
 
span.sIFR-alternate {
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            display: block;
            overflow: hidden;
}
 
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/*
 
.sIFR-hasFlash .right h2 {
            visibility: hidden;
            letter-spacing: -9px;
            height : 35px;
 
}
*/
 
 
.sIFR-hasFlash .heading {
            visibility: hidden;
            letter-spacing: -9px;
    height : 30px;
}
 
 
.sIFR-hasFlash #header h1 {
            visibility: hidden;
            letter-spacing: -9px;
    height : 50px;
}
 
 
 
 
.sIFR-hasFlash h5#pullquote {
            letter-spacing: -4px;
            visibility: hidden;
            font-size: 24px;
}
 
 
a#fbutton {
position: fixed;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 100px;
background: url(http://www.die-teppichtorpedos.de/maunzblog/eckbanner.png) bottom right no-repeat;
display: block;
}
 
 
/* Pagebar */
.pagebar {
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    margin-bottom: 1.5em;
    background: #FFFFFF;
    text-decoration: none;
}
.pagebar a,.pageList .this-page {
    border: 1px solid #000000;
    text-decoration: none;
    padding: 0.2em 0.5em;
}
.pagebar a:visited {
    border: 1px solid #000000;
    text-decoration: none;
    padding: 0.2em 0.5em;
}
.pagebar .break {
    padding: 2px 6px 2px 6px;
    border: none;
    background: #FFFFFF;
    text-decoration: none;
}
.pagebar .this-page {
    border: 2px solid #4b3750;
    padding: 0.2em 0.5em;
    font-weight: bold;
    background: #FFFFFF;
    color: #4b3750;
}
.pagebar a:hover {
    border-color: #4B3750;
}
.pagebar .inactive
{
   border: 1px solid #000000;
     color: #4B3750;
   text-decoration: none;
   padding: 0.2em 0.5em;
}
 
a#eckbutton {
position: fixed;
right: 0;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 100px;
width: 150px;
background: url(http://maunzblog.die-teppichtorpedos.de/wp-content/uploads/eckbanner1.png) bottom right no-repeat;
display: block;
}

Alles anzeigen

[/code]

Kimbi

Ich habe es hinbekommen, aber wonach muss ich suchen, damit ich zwischen rechte Sidebar und Index auch eine solche "gestrichelte" Linie bekomme?:-(

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eine Sidebar verschieben aber wie?

Jetzt mitmachen!