Ergebnis 1 bis 3 von 3

Thema: Sidebar meines Blogs ist auf einmal verschoben

  1. #1
    Unregistriert
    Gast

    Frage Sidebar meines Blogs ist auf einmal verschoben

    Ich habe ein ähnliches Problem, die Sidebar meines Blogs ist auf einmal unten und nicht links und ich kann mich nicht erinnern etwas verstellt zu haben...kann uns (beiden) jemand helfen?

    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name: Minima Lefty
    Designer: Douglas Bowman / Darren Delaye
    URL: www.stopdesign.com
    Date: 14 Jul 2006
    ----------------------------------------------- */

    /* Variable definitions
    ====================
    <Variable name="bgcolor" description="Page Background Color"
    type="color" default="#fff" value="#ffffff">
    <Variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#000000">
    <Variable name="linkcolor" description="Link Color"
    type="color" default="#58a" value="#666666">
    <Variable name="pagetitlecolor" description="Blog Title Color"
    type="color" default="#666" value="#999999">
    <Variable name="descriptioncolor" description="Blog Description Color"
    type="color" default="#999" value="#9D1961">
    <Variable name="titlecolor" description="Post Title Color"
    type="color" default="#c60" value="#000000">
    <Variable name="bordercolor" description="Border Color"
    type="color" default="#ccc" value="#000000">
    <Variable name="sidebarcolor" description="Sidebar Title Color"
    type="color" default="#999" value="#7f7f7f">
    <Variable name="sidebartextcolor" description="Sidebar Text Color"
    type="color" default="#666" value="#666666">
    <Variable name="visitedlinkcolor" description="Visited Link Color"
    type="color" default="#999" value="#553e4d">
    <Variable name="bodyfont" description="Text Font"
    type="font" default="normal normal 100% Georgia, Serif" value="normal normal 104% Trebuchet, Trebuchet MS, Arial, sans-serif">
    <Variable name="headerfont" description="Sidebar Title Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% Georgia, Times, serif">
    <Variable name="pagetitlefont" description="Blog Title Font"
    type="font"
    default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
    <Variable name="descriptionfont" description="Blog Description Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    <Variable name="postfooterfont" description="Post Footer Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Georgia, Times, serif">
    <Variable name="startSide" description="Start side in blog language"
    type="automatic" default="left" value="left">
    <Variable name="endSide" description="End side in blog language"
    type="automatic" default="right" value="right">
    */

    /* Use this with templates/template-twocol.html */

    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
    a:link {
    color:$linkcolor;
    text-decoration:none;
    }
    a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }
    a:hover {
    color:$titlecolor;
    text-decoration:underline;
    }
    a img {
    border-width:0;
    }

    /* Header
    -----------------------------------------------
    */

    #header-wrapper {
    width: 850px;
    margin: 0 auto 10px;
    border:1px solid $bordercolor;
    }

    #header-inner {
    background-position: center;
    margin-$startSide: auto;
    margin-$endSide: auto;
    }

    #header {
    margin: 5px;
    border: 1px solid $bordercolor;
    text-align: center;
    color:$pagetitlecolor;
    }

    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }

    #header a {
    color:$pagetitlecolor;
    text-decoration:none;
    }

    #header a:hover {
    color:$pagetitlecolor;
    }

    #header .description {
    margin:0 5px 5px;
    padding:0 20px 15px;
    max-width:700px;
    text-transform:uppercase;
    letter-spacing:.2em;
    line-height: 1.4em;
    font: $descriptionfont;
    color: $descriptioncolor;
    }

    #header img {
    margin-$startSide: auto;
    margin-$endSide: auto;
    }

    #Header {
    image-position:center
    }

    /* Outer-Wrapper
    ----------------------------------------------- */
    #outer-wrapper {
    width: 1100px;
    margin: auto;
    padding: 10px;
    text-align:$startSide;
    font: $bodyfont;
    }

    #main-wrapper {
    width: 900px;
    float: $endSide;
    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-wrapper {
    width: 160px;
    float: $startSide;
    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 */
    }

    #outer-wrapper {
    background:white;
    }
    /* Headings
    ----------------------------------------------- */

    h2 {
    margin:1.5em 0 .75em;
    font:$headerfont;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:$sidebarcolor;
    }


    /* Posts
    -----------------------------------------------
    */
    h2.date-header {
    margin:1.5em 0 .5em;
    }

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }
    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:$titlecolor;
    }

    .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:normal;
    }

    .post h3 strong, .post h3 a:hover {
    color:$textcolor;
    }

    .post-body {
    margin:0 0 .75em;
    line-height:1.6em;
    }

    .post-body blockquote {
    line-height:1.3em;
    }

    .post-footer {
    margin: .75em 0;
    color:$sidebarcolor;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    line-height: 1.4em;
    }

    .comment-link {
    margin-$startSide:.6em;
    }
    .post img {
    padding:4px;
    border:1px solid $bordercolor;
    }
    .post blockquote {
    margin:1em 20px;
    }
    .post blockquote p {
    margin:.75em 0;
    }

    /* Comments
    ----------------------------------------------- */
    #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: $sidebarcolor;
    }

    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
    #comments-block .comment-body {
    margin:.25em 0 0;
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    .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;
    }

    /* Sidebar Content
    ----------------------------------------------- */
    .sidebar {
    color: $sidebartextcolor;
    line-height: 1.5em;
    }

    .sidebar ul {
    list-style:none;
    margin:0 0 0;
    padding:0 0 0;
    }
    .sidebar li {
    margin:0;
    padding-top:0;
    padding-$endSide:0;
    padding-bottom:.25em;
    padding-$startSide:15px;
    text-indent:-15px;
    line-height:1.5em;
    }

    .sidebar .widget, .main .widget {
    border-bottom:1px dotted $bordercolor;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }

    .main .Blog {
    border-bottom-width: 0;
    }

    /* Profile
    ----------------------------------------------- */
    .profile-img {
    float: $startSide;
    margin-top: 0;
    margin-$endSide: 5px;
    margin-bottom: 5px;
    margin-$startSide: 0;
    padding: 4px;
    border: 1px solid $bordercolor;
    }

    .profile-data {
    margin:0;
    text-transform:uppercase;
    letter-spacing:.1em;
    font: $postfooterfont;
    color: $sidebarcolor;
    font-weight: bold;
    line-height: 1.6em;
    }

    .profile-datablock {
    margin:.5em 0 .5em;
    }

    .profile-textblock {
    margin: 0.5em 0;
    line-height: 1.6em;
    }

    .profile-link {
    font: $postfooterfont;
    text-transform: uppercase;
    letter-spacing: .1em;
    }

    /* Footer
    ----------------------------------------------- */
    #footer {
    width:800px;
    clear:both;
    margin:0 auto;
    padding-top:15px;
    line-height: 1.6em;
    text-transform:uppercase;
    letter-spacing:.1em;
    text-align: center;
    }
    ]]></b:skin>
    </head>

    <body>

    <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
    <a href='#main'>skip to main </a> |
    <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='lookingfragrant (Header)' type='Header'/>
    </b:section>
    </div>

    <div id='content-wrapper'>

    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol' showaddelement='no'/>
    </div>

    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
    </b:section>
    </div>

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='Profile1' locked='false' title='Profil' type='Profile'/>
    <b:widget id='HTML2' locked='false' title='Do you bloglovin me?' type='HTML'/>
    <b:widget id='Label1' locked='false' title='' type='Label'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog-Archiv' type='BlogArchive'/>
    <b:widget id='BlogList1' locked='false' title='greaties' type='BlogList'/>
    <b:widget id='Followers1' locked='false' title='Leser' type='Followers'/>
    </b:section>
    </div>

    <!-- spacer for skins that want sidebar and main to be the same height-->
    <div class='clear'> </div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'>
    <b:widget id='Text1' locked='false' title='Information' type='Text'/>
    </b:section>
    </div>

    </div></div> <!-- end outer-wrapper -->
    </body>
    </html>

    Würde mich über Hilfe seeeehr freuen :S
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Sidebar meines Blogs ist auf einmal verschoben

    auch wenn du ein ähnliches problem hast, gebührt es die höflichkeit nen eigenen thread zu eröffnen! oder willst du etwa, dass dir jemand beim reden ins wort fällt, damit seine probleme gelöst werden?
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Sidebar meines Blogs ist auf einmal verschoben

    Der von dir gezeigte Code ist ein Template-Code aus dem man nicht auslesen kann wieso sich irgendetwas verschieben sollte. Zeig einen Link auf die betroffene Seite oder schick den erzeugten HTML- und CSS-Code den der Browser bei der Anzeige verwendet.

Ähnliche Themen

  1. Sidebar Drop
    Von Split1234 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.02.2010, 23:37
  2. Vorstellung meines Blogs
    Von Obiwan im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 7
    Letzter Beitrag: 26.01.2009, 13:19
  3. Probleme mit dem "HTML-Gerüst" meines Blogs
    Von Kakse im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 30.08.2006, 21:36
  4. frage zur sidebar?
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.12.2004, 00:31

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •