• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

blog design problem

B

brkov

Neues Mitglied
Hallo zusammen,

ich versuche seit vorgestern meinen blog neu zu gestalten. Jetzt habe ich aber folgendes Problem:

Ich habe links einen schwarzen Rand den ich nicht weg bekomme (gut an dem Blog-Header Bild zu erkennen). Alles bleibt immer etwas rechts von seiner gewünschten Postition. Ich weiss leider nicht weiter, kann mir evtl. jemand helfen?

Der link zu meinem blog ist http://brkov.blogspot.com

Und der Code (habe am Ende etwas gelöscht - zu viele zeichen)
Code: 
/*
   Variable definitions
   ====================
   <Variable name="textColor" description="Text Color" type="color"
             default="#29303b" value="#29303b">
   <Variable name="postTitleColor" description="Post Title Color" type="color"
             default="#616161" value="#616161">

   <Variable name="linkColor" description="Link Color" type="color"
             default="#473624" value="#473624">
   <Variable name="visitedLinkColor" description="Visited Link Color" type="color"
             default="#956839" value="#956839">
   <Variable name="pageHeaderColor" description="Blog Title Color" type="color"
             default="#612e00" value="#612e00">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#29303B" value="#29303B">
   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
             type="color"
             default="#616161" value="#616161">

   <Variable name="bodyFont" description="Text Font"
             type="font"
             default="normal normal 100% Georgia, Times New Roman,Sans-Serif;" value="normal normal 100% Georgia, Times New Roman,Sans-Serif;">
   <Variable name="headerFont" description="Sidebar Title Font"
             type="font"
             default="normal normal 150% Georgia, Times New Roman,sans-serif" value="normal normal 150% Georgia, Times New Roman,sans-serif">

   <Variable name="pageTitleFont" description="Blog Title Font"
             type="font"
             default="normal normal 225% Georgia, Times New Roman,sans-serif" value="normal normal 225% Georgia, Times New Roman,sans-serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font"
             type="font"
             default="italic normal 100% Georgia, Times New Roman, sans-serif" value="italic normal 100% Georgia, Times New Roman, sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="right" value="right">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="left" value="left">
*/ 

/* Defaults
----------------------------------------------- */
body {
    margin:0;
    padding:0;
    font-size: small;
        text-align:center;
    color:$textColor;
    line-height:1.3em;
    background:#483521 url("http://www.artofgeist.com/images/bgn.jpg") repeat;
}

blockquote {
    font-style:italic;
    padding:0 32px;
    line-height:1.6;
    margin-top:0;
    margin-$endSide:0;
    margin-bottom:.6em;
    margin-$startSide:0;
}

p {
  margin:0;
  padding:0;
}

abbr, acronym {
    cursor:help;
    font-style:normal;
}
    
code {
  font-size: 90%;
  white-space:normal;
  color:#666;
}

hr {display:none;}

img {border:0;}

/* Link styles */
a:link {
  color:$linkColor;
  text-decoration:underline;
}
a:visited {
  color: $visitedLinkColor;
  text-decoration:underline;
}
a:hover {
  color: $visitedLinkColor;
  text-decoration:underline;
}
a:active {
  color: $visitedLinkColor;
}


/* Layout
----------------------------------------------- */
#outer-wrapper {
    background-color:#473624;
    border-$startSide:1px solid #33333;
    border-$endSide:1px solid #333333;
    width:680px;
    margin:0px auto;
        padding:00px;
    text-align:center;
        font: $bodyFont;
}
#main-top {
    width:700px;
    height:14px;
    background:#020202 no-repeat top $startSide;
    margin:0px;
        padding:0px;
    display:block;
}
#main-bot {
    width:700px;
    height:81px;
    background:#020202 no-repeat top $startSide;
    margin:0;
        padding:0;
    display:block;
}
#wrap2 {
    width:700px;
    background:#020202 repeat-y;
    margin-top: -14px;
    margin-$endSide: 0px;
    margin-bottom: 0px;
    margin-$startSide: 0px;
    text-align:$startSide;
    display:block;
}

#wrap3 {
    padding:0 50px;
}

.Header {
        padding:0 0px;
}

h1 {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:6px;
  padding-$startSide:0;
  font: $pageTitleFont;
  color: $pageHeaderColor;
}

h1 a:link {
  text-decoration:none;
  color: $pageHeaderColor;
}

h1 a:visited {
  text-decoration:none;
}

h1 a:hover {
  border:0;
  text-decoration:none;
}
.Header .description {
  margin:0;
  padding:0;
  line-height:1.5em;
  color: $blogDescriptionColor;
  font: $blogDescriptionFont;
}

#sidebar-wrapper {
    break:$endSide;
}

#main {    
    width:400px;
    float:$startSide;
    padding:8px 0;
    margin:0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
    width:150px;
    float:$endSide;
    padding:8px 0;
    margin:0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}    
#footer {
    clear:both;
    background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top $startSide;
    padding-top:10px;
    _padding-top:6px; /* IE Windows target */
}
#footer p {
    line-height:1.5em;
    font-size:75%;
}

/* Typography :: Main entry
----------------------------------------------- */
h2.date-header {
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:90%;
    margin:0;
    padding:0;
}
.post {
    margin-top:8px;
    margin-$endSide:0;
    margin-bottom:24px;
    margin-$startSide:0;
}
.post h3 {
    font-weight:normal;
    font-size:140%;
    color:$postTitleColor;
    margin:0;
    padding:0;
}
.post h3 a { 
  color: $postTitleColor;
 }
.post-body p {
    line-height:1.5em;
    margin-top:0;
    margin-$endSide:0;
    margin-bottom:.6em;
    margin-$startSide:0;
    }
.post-footer {
  font-family: Verdana, sans-serif;
  font-size:74%;
  border-top:1px solid #333333;
  padding-top:6px;
}

.post-footer a { 
  margin-$endSide: 6px;
 }

.post ul {
    margin:0;
    padding:0;
}
.post li {
    line-height:1.5em;
    list-style:none;
    background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat $startSide .3em;
    vertical-align:top;
    padding-top: 0;
    padding-$endSide: 0;
    padding-bottom: .6em;
    padding-$startSide: 17px;
    margin:0;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }
 
#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center; 
 }

/* Typography :: Sidebar
----------------------------------------------- */
.sidebar h2 {
    margin:0;
    padding:0;
    color:$sidebarHeaderColor;
        font: $headerFont;
}
.sidebar h2 img {
    margin-bottom:-4px;
    }

.sidebar .widget { 
    font-size:86%;
    margin-top:6px;
    margin-$endSide:0;
    margin-bottom:12px;
    margin-$startSide:0;
    padding:0;
        line-height: 1.4em;
}

.sidebar ul li {
    list-style: none;
    margin:0;
}

.sidebar ul {
  margin-$startSide: 0;
  padding-$startSide: 0;
}

/* Comments
----------------------------------------------- */
#comments {}
#comments h4 {
  font-weight:normal;
  font-size:120%;
  color:#29303B;
  margin:0;
  padding:0;
}
#comments-block {
  line-height:1.5em;
  }
.comment-author {
    background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em;
    margin:.5em 0 0;
    padding-top:0;
    padding-$endSide:0;
    padding-bottom:0;
    padding-$startSide:20px;
    font-weight:bold;
}
.comment-body {
    margin:0;
    padding-top:0;
    padding-$endSide:0;
    padding-bottom:0;
    padding-$startSide:20px;
}
.comment-body p {
    font-size:100%;
    margin-top:0;
    margin-$endSide:0;
    margin-bottom:.2em;
    margin-$startSide:0;
}
.comment-footer {
    color:#29303B;
    font-size:74%;
    margin:0 0 10px;
    padding-top:0;
    padding-$endSide:0;
    padding-bottom:.75em;
    padding-$startSide:20px;
}
.comment-footer a:link {
    color:#473624;
    text-decoration:underline;
}
.comment-footer a:visited {
    color:#716E6C;
    text-decoration:underline;
}
.comment-footer a:hover {
    color:#956839;
    text-decoration:underline;
}
.comment-footer a:active {
    color:#956839;
    text-decoration:none;
}
.deleted-comment {
  font-style:italic;
  color:gray;
  }

    
/* Profile
----------------------------------------------- */

#main .profile-data { 
  display:inline;
}

.profile-datablock, .profile-textblock {
  margin-top:0;
  margin-$endSide:0;
  margin-bottom:4px;
  margin-$startSide:0;
}
.profile-data {
  margin:0;
  padding-top:0;
  padding-$endSide:8px;
  padding-bottom:0;
  padding-$startSide:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:90%;
  color:#211104;
}
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border:1px solid #A2907D;
  padding:2px;
}

#header .widget, #main .widget {
    margin-bottom:12px;
    padding-bottom:12px;
}

#header { 
  background: no-repeat bottom $startSide;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper { 
 margin-top: 0;
 padding-top: 0;
 }

body#layout #wrap2,
body#layout #wrap3 { 
 margin-top: 0;
 }

Freu mich über jegliche Hilfe!
 
Wenn Du das meinst, was ich meine, dann liegt es wohl an dem padding:0 50px, in #wrap3

Ansonsten... muss das so sein, dass man die Schrift nicht lesen kann, oder ist mein Monitor nur nicht richtig eingestellt?

Gruß thuemmy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben