Problem beim Einfügen eines Hintergrundbildes

xyz

Ich möchte in meinem Theme neben dem Inhalt (dem gesamten Blog also) ein Bild einfügen. Dieses habe ich auch gemacht, komischerweise beginnt das Bild nicht direkt am Inhalt, sondern wird von rechts eingefügt. Die Folge ist, dass zwischen Bild und Blog ein grauer Streifen bei bestimmten Auflösungen entsteht.

Was muss ich tun, damit das Bild direkt an der rechten Seiten des Blogs eingefügt wird?

Vielen Dank im voraus.

Mein Blog: literaturkritik.tv

Meine Stylesheet.

Das Bild hab ich gleich zu Beginn im "Body" eingefügt. "header8.jpg."

Code

* {
  margin: 0px;
  padding: 0px;
}
body {
    margin: 0px;
    padding: 0px;
    font-size:76%; 
    font-family:Arial, Verdana, Sans-Serif;
    background: #b8b8b8 url('/header8.jpg')repeat-y top right;
}
#wrap {
    width: 800px;
    overflow: hidden;
    position:relative;
    text-align: left;
        background: #fff;
}
#content {
    width: 500px;
    float: left;
    display:inline;
    text-align: justify;
    padding: 10px;
    margin: 8px;
}
#nav {
    height: 49px;
    width: 790px;
    margin-right: auto;
    margin-left: auto;
}
#sidebar {
    width: 220px;
    float: right;
    line-height: 1.5em;
    display:inline;
    margin: 8px 8px 8px 0px;
    padding: 10px;
    font-size:10px;
}
#pages h1{
    margin:0px;
    padding:0px;
}
#pages h1 a{
    text-decoration:none;
    color:#999;
    font: 18px Arial, Helvetica, sans-serif;
    margin:0px;
    padding:13px 0px 0px 10px;
    letter-spacing: -1px;
    float: left;
}
#pages h1 a:hover{
    text-decoration:underline;
}
h1 {
    margin: 0px;
    padding: 45px 5px 5px 15px;
    font-size: 2.0em;
   }


h2{
  font-size: 1.6em;  
  border-bottom: 1px solid #d00;
}
h2 a{}
h3 {
    margin-top: 1.5em;
    font-size: 1.4em;
}
h4 {
    margin-top: 1.2em;
      font-size: 1.2em;
}
h5{
  margin-top: 1em;
  font-size: 1em;
}
#logo {
    height: 140px;
    width: 800px;
    margin-right: auto;
    margin-left: auto
    }
#tagline {
    height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-left:15px;
}
div#topnav {
    height: 40px;
    margin: 0px auto 0px;
    width:800px;
    background: #2d2d2d;


}


div#topnav ul {
    padding: 10px 0px 0px;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;    
}
div#topnav ul li {
    float:left;
}


div#pages ul li.current_page_item a  {
    text-decoration: underline;
}
div#topnav ul li a {
    display: block;
    text-decoration: none;
    border-left: 1px dotted #b8b8b8;
    font-size:12px;
    padding:5px 10px 5px 10px;
    color: #b8b8b8;
}
div#topnav ul li a:hover {
    color: #ccc;
}
#footer {
    clear: both;
    text-align: center;
    color:#b8b8b8;
    background:#2d2d2d;
    border-top:#b8b8b8 solid 5px;
    width: 800px;
    height: 80px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
}
#footer p{
    padding:10px;
    margin:0px;
}


.entry{
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    font-size: 1.0em;
    line-height: 1.5em;
}
.firstpost {
    margin-bottom:15px
}
h3.entrytitle, h3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;


}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
    color: #d00;
    text-decoration:none;
    border-style: none;
    font-size: 18px;
    font-weight: bolder;
    text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{
text-decoration:underline;}
.entrymeta{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    color: #666;
    border-top:solid 1px #666;
    padding-top:4px;
    margin-bottom: 8px;
}
.entrymeta a img{
    border: none;
}
.entrymetabottom{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    border-top:solid 1px #666;
    padding-top:4px;
}
.entrymeta-home{
display:block;
background:#fafafa;}
/********************
.entryedit{
background: url('images/edit.gif') no-repeat left;}
***********************/
.entrymetabottom a img{
    border: none;
}
.entrybody a {
    height: 16px;
    margin-top: 0;
    font-size: 12px;
    color: #d00;
}
.entrybody img {
    padding: 4px;
    border: none;
}
.entrybody .wp-smiley {
border: none;
padding: 0;
}
.entrybody ul {
    margin-left: 20px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:20px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
.commentlink img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


h4, h3, h2, #commentblock h2 {
    margin: 0;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color:#999;
}
h2{
    margin-bottom: 10px;
    font-size: 14px;
}
a, a:visited{
    color: #d00;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.entrybody p{
    margin:8px 0;
    padding:0;
}
.entrybody ul {
    margin-left: 30px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:30px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
/********************SIDEBAR********************/
#sidebar h2 {
    display:block;
    height: 20px;
    margin: 5px 0px 0px;
    padding: 5px 0px 2px 10px; 
    font-size: 12px;
    color: #fff;
    border:none;    
    font-weight: normal;
    background:#2d2d2d;/* url('images/roundcorner.gif') no-repeat top left;*/
}
#sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar ul li {
    display: inline;
    margin:0;
    padding:0;}
    
#sidebar li{
    list-style: none;
}
#sidebar ul li a {
    border-bottom: 1px solid #666;
    color: #d00;
    display: block;
    text-decoration: none;
    margin-left: 0px;
    padding: 4px 0 4px 25px;
    background: url('images/navbulle2.gif') no-repeat;
    background-position: 8px 50%;
}


#sidebar ul li a:hover{
    color: #d00;
    background: #ececec url('images/navbulle.gif') no-repeat;
    background-position: 10px 50%;
}


#sidebar ul.feeds li a{
    background:url('images/rss.png') no-repeat center left;
}
#sidebar ul.feeds li a:hover{
    text-decoration:underline;
}


#searchdiv {
    color:#000;
    margin-top: 2px;
    margin-bottom: 10px;
    border-bottom:none;
    background-color: transparent;
}
#searchdiv h2{
    color:#fff;
    background-color: #2d2d2d;
    margin-bottom:5px;}
.search{
    border: 1px solid #000;
}
#searchdiv input{
background: url('images/searchbg.gif') repeat-x 0 0;}


/************************************************
*    Comments                                                    *
************************************************/
#commentblock h2{
    padding:2px;
    margin-bottom:10px;
    margin-top:30px;
}
#commentblock {
    float:left;
    padding-top: 0px;
    padding-bottom: 20px;
    text-align: left;    /*font-size: 0.8em;*/
}
ol#commentlist {
    margin-top:0px;
    padding: 5px;
    margin-left: 0px;
    list-style-type: none;
}
.commentdate {
    font-size:0.8em;
    padding-left:5px;
}
#commentlist li  p{
    margin-bottom: 8px;
    line-height: 20px;
    padding:0;
}
.commentname {
    margin: 0 0 15px 0;
    padding: 5px;
}
.commentname-admin{
font-weight: bold;
}
.commentinfo{
    clear:both;
}
.comments-link {
    background:url('images/comments.gif') no-repeat left center;
    padding-left:16px
}
#commentlist li.standard{
    background:#fafafa;
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
}
#commentlist li.alt{
    background:#fff;
}
.commenttext{
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;    
}
.commenttext-admin {
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;
    /*background: #ccc;*/
}
#commentsformheader{
    padding-left:0px;
}
#commentsform{
    margin-top:0;
    text-align:center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#commentsform form{
    text-align:left;
    margin:0px;
}
#commentsform p{
    margin:5px;
}
#commentsform form textarea{
    width:99%;
}
p.comments_link  img{
    margin: 0px;
    padding: 0px;
    border: none;
}
blockquote{
    font-style: italic;
    color: #999;
    /*background: #f9f9f9 url('images/blockquote.gif') no-repeat scroll top left;*/
}
table{
    margin:10px;
}
td, th{
    padding:3px;
    font-weight:normal;
}
#archiv{
margin-left: 15px;}
#archiv ul{
margin-left: 25px;
margin-bottom: 15px;}

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

Monika

das ist nicht komisch, das ist logisch ;)
weil Du es mit top right angeschafft hast

Code

body {
    margin: 0px;
    padding: 0px;
    font-size:76%; 
    font-family:Arial, Verdana, Sans-Serif;
    background-color: #b8b8b8;
background-image: url('/header8.jpg');
background-repeat:repeat-y;
background-position:800px 0;
}

800px Abstand von links eventuell ein wenig mehr, ausprobieren

nur ich seh das Grau dann eben ganz rechts ;)

lg

xyz

Vielen Dank! Jetzt funktioniert es nach meinen Vorstellungen :-D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem beim Einfügen eines Hintergrundbildes

Jetzt mitmachen!