Ergebnis 1 bis 5 von 5

Thema: art-box in der template.css verschieben

  1. #1
    newbie2000
    Gast

    Standard art-box in der template.css verschieben

    Hallo,

    ich bin relativ unerfahren und habe meine Kenntnisse hauptsächlich durch probieren erlangt.
    Mein Problem:
    Ich habe ein mit Artisteer erstelltes Template. Die komplette Seite ist zentriert. Ich möchte die Seite aber nach links verschieben mit etwa 20px Abstand vom linken Rand.
    In der template.css Datei habe ich schon die Objekte gefunden, die ich bewegen muss. Die Box allerdings lässt sich nicht in einem Stück verschieben. Da sie Ecken abgerundet sind, sind links,rechts,oben,unten noch kleine Leisten zusätzlich dran.
    Wenn ich jetzt die margin auf 0 stelle, dann rückt alles brav nach links. Stelle ich die margin jedoch auf 20px, dann wird meine box um 20px schmaler. Die äußeren Leisten bleiben jedoch auf der unrsprünglichen Größe...
    Wo hakt es?

    /* Start Box */
    .art-box, .art-box-body {
    margin:0 auto;
    position:relative;
    }
    .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
    position:absolute;
    top:0;
    bottom:0;
    content:' ';
    background-repeat: no-repeat;
    line-height:0;
    }
    .art-box:before,.art-box-body:before{
    left:0;
    }
    .art-box:after,.art-box-body:after{
    right:0;
    }
    .art-box:before {
    overflow:hidden;
    background-position: bottom left;
    direction: ltr;
    z-index:-3;
    }
    .art-box:after {
    background-position: bottom right;
    z-index:-3;
    }
    .art-box-body:before, .art-box-body:after {
    background-repeat:repeat-y;
    }
    .art-box-body:before {
    background-position: top left;
    z-index:-3;
    }
    .art-box-body:after {
    background-position: top right;
    z-index:-3;
    }

    .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
    z-index:-2;
    }
    .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
    z-index:-1;
    }
    /* End Box */

    Vielen Dank für eure Hilfe!
    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
    newbie2000
    Gast

    Standard AW: art-box in der template.css verschieben

    Weiß keiner eine Antwort?

  3. #3
    Bandit
    Gast

    Standard AW: art-box in der template.css verschieben

    Ein Link zur Seite wäre gut, damit man sich das mal ansehen kann.

  4. #4
    newbie2000
    Gast

    Standard AW: art-box in der template.css verschieben

    www.youcanswim.de

    Habe mittlerweile bestimmt 15 verschiedene Sachen ausprobiert und komme noch immer nicht zum gewünschten Ergebnis...

  5. #5
    Teeny Avatar von styleshiet
    Registriert seit
    06.06.2012
    Beiträge
    49
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: art-box in der template.css verschieben

    So hab mal geschaut. Ohne in die Tiefen einzudringen noch eine Bewertung dieses Templates vorzunehmen wird das einfachste folgendes sein: Nach dem Container mit der ID art-main fügst du einen zusätzlichen Container z.b. id=page ein. Den schließst du erst ganz am Ende der Seite und formatierst in der CSS-Template-Datei wie folgt:
    Code:
    #page{width:800px;margin-left:20px;}
    Das, auf jeder Seite eingefügt, sollte helfen. p.s. Einmal 'clearen' reicht im Algemeinen!!!
    Stell dir vor es ist machbar, aber keiner kriegt's hin...

    CssApps.de

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 25.02.2011, 17:13
  2. Template Design Grafiken verschieben aber wie?
    Von T0Bi im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 19.02.2010, 16:07
  3. div boxen verschieben
    Von kappilino im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.09.2007, 00:20
  4. Bilder Verschieben
    Von groupdestiny im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 29.08.2005, 20:48
  5. Frames verschieben
    Von XFame im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 03.02.2004, 12:37

Stichworte

Berechtigungen

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