Abstand zwischen Elementen verhindern

  • Moin,

    seitdem ich eine kleine Grafik über dem rechten Menü eingefügt habe, gibt es dazwischen einen Abstand von wenigen Zentimetern. Weiß jemand, wie ich diesen wieder wegbekomme? Habe schon das Template nach *margin* durchsucht und die Werte auf 0 gesetzt, aber es tut sich nix. :-(

    Gruß
    lilo

    • 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

  • moin, hast du nen link zur Seite zum anschauen? welches Themes verwendest du? gruss vurtr_runner

    [FONT=Verdana][size=8]> Sie sind zwar beide nicht voll kompatibel zum
    > Internet Explorer Standard von Microsoft,
    Aaaarghyl...
    Geh snowboarden, webdesigner...[/SIZE][/FONT]

  • Zitat von lilo

    Moin,

    seitdem ich eine kleine Grafik über dem rechten Menü eingefügt habe, gibt es dazwischen einen Abstand von wenigen Zentimetern. Weiß jemand, wie ich diesen wieder wegbekomme? Habe schon das Template nach *margin* durchsucht und die Werte auf 0 gesetzt, aber es tut sich nix. :-(

    Gruß
    lilo


    Und was ist mit padding?:mrgreen:

    "Eine gut gestellte Frage ist schon halb beantwortet."

  • Hallo,

    Problem inzwischen behoben, weil... Na ja, es lag halt an der Grafik, die war eben größer als sie auf der Website angezeigt wurde. Da hätte ich noch lange an Rändern etc. herumfeilen können.
    Dafür habe ich aber jetzt (noch) das Problem, daß das Textfeld für die Kommentare vieel zu breit ist, es überlappt also die gesamte rechte Seite. Dies wird bei Firefox 1.0.5 so angezeigt, beim MSIE wird gleich noch der ganze mittlere Bereich nach rechts mitgeschleppt!
    Füge ich den CSS-Code bei, vielleicht hat jemand eine Idee, Versuche mit "max-width" haben nichts gebracht. Es ist übrigens Journalized Winter.
    *****************************
    me from Mike Little's Journalized
    Version: 1.00 Released 23 Mar 2005
    Author: Mike Little
    Author URI: http://zed1.com/journalized/

    Credit for the original concept and core of the layout comes
    courtesy of Rob Chandanais via: http://bluerobot.com/web/layouts/layout3.html
    */

    body {
    color: #000000;
    background: #9FB3C6;
    margin: 20px;
    padding: 0px;
    font: 11px verdana, arial, helvetica, sans-serif;
    }

    h1 {
    font-weight: bold;
    font-size: 150%;
    color: #000000;
    text-align: center;
    }

    img {
    border-style: none;
    margin-bottom: 20px;
    }

    .images {
    padding: 0px;
    background: transparent;
    border: none;
    margin-bottom: 20px;
    }
    h2 {
    margin: 12px 210px 20px 190px;
    padding: 2px 10px 2px 10px;
    font-size: 16px;
    color: #eeeeee;
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    min-width: 120px;
    background: #5f7797;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    border: 2px solid #354463;
    }

    h3 {
    font: bold 14px/16px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }

    h4 {
    font-size: 120%;

    margin: 0px 0px 10px 0px;
    color: #FF0000;
    background: #FEFDD3;
    padding: 2px 10px 2px 10px;
    }

    abbr {
    cursor: help;
    }


    .storyTitle {
    font: bold 14px/16px verdana, arial, helvetica, sans-serif;
    margin: 0px 10px 10px 10px;
    padding: 10px;
    }
    .storyCategory {
    font-weight: 400;
    margin: 10px 10px 10px 10px;
    padding: 0px;
    }
    .storyAuthor {
    font-weight: 600;

    margin: 0px 0px 0px 0px;
    padding: 0px;
    }
    p {
    font: 11px/13px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 2px;
    }

    #headerMessage {
    font: 10px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    pre {
    font: 10px/11px fixed;
    }
    a {
    color: #003399;
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    background : transparent;
    }
    a:link { color: #003399; text-decoration: underline; }
    a:visited { color: #003399; text-decoration: underline; }
    a:hover { color: #003399; text-decoration: underline; }

    #headerblock {
    text-align: center;
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    min-width: 120px;

    margin: 0px 210px 0px 190px;

    color: #FFFFE8;


    padding: 0px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    font-size: 8px;
    font-weight: 10;

    }

    #headerblock a:link { color: #FFFFFF;}
    #headerblock a:visited { color: #FFFFFF;}
    #headerblock a:hover { background: #bfc4cb; }


    #header a:link, #header a:visited {
    font-size: 20%;
    font-weight: 100;
    color: transparent;
    }

    .commentHeader {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    margin: 10px 10px 10px 10px;
    border: 1px solid #000000;
    background: #cccccc;
    color: #000000;
    padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    font-size: 16px;
    font-weight: 600;
    }

    /* All the content boxes belong to the content class. */
    .centreblock, .navigation {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

    width: auto;
    min-width: 120px;
    margin: 10px 210px 20px 190px;
    border: 1px solid #5f7797;
    color: #333333;
    background: #FFFFE8;
    padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    }
    .centreblock>p {margin: 0px;}
    .centreblock>p+p {text-indent: 0px;}

    .meta ul {
    display: inline;
    }

    .meta li {
    display: inline;
    list-style-type: none;
    }

    .centreblock ul, .leftsideSection ul, .rightsideSection ul {
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
    }

    .centreblock ul li {
    }

    .storyContent ul li {
    list-style-type: disc;
    margin-left: 10px;

    padding-left: 5px;
    }

    .centreblock h4 {
    border: 1px solid #000;
    margin: 14px 0px 2px 0px;
    }

    .storyContent {
    color: #333333;
    background: #FFFFE8;
    }

    .storyCommentContent {
    color: #000000;
    background: #FFFFE8;
    width: auto;

    margin: 10px 10px 10px 10px;
    border: 1px solid #000000;
    padding: 10px;
    }

    blockquote {
    margin: 0.5em;
    color: #333333;
    padding: 4px;
    /*border: 1px solid #000000;*/
    background: #a7aeb8;
    }

    q {
    color: #333333;
    background: #a7aeb8;
    }

    #leftside {
    position: absolute;
    width: 168px;
    top: 20px;
    left: 20px;
    /*
    border: 1px solid #5f7797;
    color: #FF0080;
    background: #a7aeb8;
    */
    z-index: 1;
    voice-family: "\"}\"";
    voice-family: inherit;
    }
    body>#leftside {width: 168px;}

    #leftside a:link { color: #000000;}
    #leftside a:visited { color: #000000; }
    #leftside a:hover { background: #ffffff;FCFA9A }
    #leftside a {font: 15px arial; }


    .leftsideSection {
    border: 1px solid #5f7797;
    color: #000000;
    background: #FFFFE8;
    padding: 4px;
    margin: 0px 0px 10px 0px;
    }

    #rightside {
    position: absolute;
    width: 190px;
    top: 10px;
    right: 20px;
    /*
    padding: 10px;
    border: 1px solid #5f7797;
    color: #464c64;
    background: #a7aeb8;
    */
    z-index: 1;
    voice-family: "\"}\"";
    voice-family: inherit;
    }
    body>#rightside {width: 188px;}

    #rightside a:link { color: #000000;}
    #rightside a:visited { color: #000000;}
    #rightside a:hover { background: #ffffff; }
    #rightside a {font: 15px arial; }

    .rightsideSection {

    border: 1px solid #5f7797;
    color: #000000;;
    background: #FFFFE8;
    padding: 4px;
    margin: 0px 0px 10px 0px;

    }


    #chaff {
    text-align: right;
    }
    #chaff a {
    color: #000000;
    font-size: 2px;
    }
    #chaff a:link { color: #000000; }
    #chaff a:visited { color: #000000; }
    #chaff a:hover { background: #fff; }

    .storyLinks {
    text-align: right;
    margin: 4px;
    }

    .centerP {
    text-align: center;
    }

    #contentcomments input, #centreblock input, #menu input {
    margin: 1px;
    padding: 1px 1px 4px 1px;
    border: 1px solid #000000;
    font: 11px/14px verdana, arial, helvetica, sans-serif;
    background: #FEFDD3;

    }
    #contentcomments textarea, #centreblock textarea, #menu textarea {
    margin: 1px;
    padding: 1px;
    border: 1px solid #000000;
    background: #FEFDD3;


    font: 11px/14px verdana, arial, helvetica, sans-serif;
    }
    .commentfield {
    margin-bottom: 4px;
    background: #FF8000;
    }

    .b2calendartable {
    background: #bfc4cb;
    border: 1px solid #5f7797;
    }

    .b2calendarmonth {
    font: 11px verdana, arial, helvetica, sans-serif;
    }

    .b2calendarrow {
    }

    .b2calendarheadercell {
    background: #5f7797;
    color: #e9f2fc;
    font: 11px verdana, arial, helvetica, sans-serif;

    }

    .b2calendarcell {
    color: #FF0000;
    font: 11px verdana, arial, helvetica, sans-serif;
    }

    .b2calendartoday {
    color: #ff0000;
    }

    .b2calendaremptycell {
    }

    .b2calendarlinkpost {
    color: #354463;
    text-decoration: none;
    }

    .blogrollmain {
    margin-bottom: 4px;
    }

    div.NOCSS {display: none;}

    .buttonarea {
    background: #cccccc;
    }

    span.searchword {
    background-color: yellow;
    }

Jetzt mitmachen!

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