Abstand im Content rechts Big John's Piefecta

Bitte alle templatebezogenen Beiträge in diesem Forum veröffentlichen.
Post Reply
Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Abstand im Content rechts Big John's Piefecta

Post by Labber »

Hallo,

ich setze gerade eine neue Seite auf und möchte das in der WIKI beschriebene 2 Spalten, var. Breite rechts - V1 - Template http://www.phpwcms-howto.de/wiki/doku.p ... e-hoehe-v1 benutzen. Allerdings "klebt" der Text oder auch eine Linie im Content-Bereich immer ganz am rechten Rand, d.h. es wird nach rechts kein Abstand eingehalten. Das sieht unschön aus. Wie kann ich das verhindern?

LG
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update »

Code: Select all

.incenter {
    padding: 10px 10px 10px 10px;
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber »

Hmm,

also das

Code: Select all

.wrapper {
    position: relative;   /* +KH (content first) */
}
.incenter {               /* +KH */
    padding: 10px 0 10px 10px;
}
ersetzen durch

Code: Select all

.wrapper {
    position: relative;   /* +KH (content first) */
}
.incenter {
    padding: 10px 10px 10px 10px;
}
Das behebt das Problem leider nicht. Mache ich was falsch?
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update »

wie wär's mit nem Link?
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update »

Code: Select all

.inleft,
.incenter{padding:10px}
natürlich geht das
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber »

ist leider noch nicht online :?

Das wäre aber doch schon die von Dir vorgeschlagene Stelle im css?
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update »

ja. Einfach
.incenter { /* +KH */
padding: 10px 0 10px 10px;
}
ersetzen mit

Code: Select all

.inleft,
.incenter{padding:10px}
und ein eventuell vorhandenes .inleft löschen
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber »

Zunächst Danke für Deine Geduld..

So sieht die css jetzt aus

Code: Select all

/***********************************************
* 3 cols center fluid layout
* http://www.brunildo.org/test/lrfc.html
* Patched version by KH (flip-flop) 07.01.2010
* Width window (210px - min-width - 200px)
************************************************/
*
body {
    margin: 10px;
    padding: 0;
    color: #000;
    background-color: #fff;
    font-family: verdana, Georgia, serif;
    font-size: 80%;
}
.clear {
    clear: both;
}
.alignright {
    text-align: right;
}
.wide {
    background-color: #ffc;
}
.top {
    border-bottom: 1px solid #000;
}
.bottom {
    border-top: 1px solid #000;
    padding-bottom: 1px;
}
.testfloat {
    width: 50px;
    border: 2px solid #f90;
    background-color: #ffd;
    font-size: .8em;
}
.to-right {
    float: right;
}
.to-left {
    float: left;
}

 
.wrapper {
    background-color: #cce;
    border: 1px solid #000;
}
.outer {
    margin-left: 210px; /* 170px; /* L */
    margin-right: 200px; /* 160px; /* R */
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #e5e5e5; /* #fcd; /* center */
}
.wrap-cl {
    float: left;
    width: 100%;
    margin-right: -1px;
}
.center {
    float: right;
    width: 100%;
    margin-left: -1px;
}
.left {
    float: left;
    position: relative;
    width: 210px; /* 170px;  /* L */
    margin-left: -211px; /* -171px;  /* -L-1 */
    margin-right: 2px;
}
.right {
    float: right;
    position: relative;
    width: 200px; /* 160px;  /* R */
    margin-right: -201px; /* -161px;  /* -R-1 */
    margin-left: 2px;
}
.minwidth {
    min-width: 564px;
}
 
/* ---- + KH Content first (Header pos absolute */
.top {
    height: 70px;       /* +KH Head height */
    width: 100%;       /* 760px; */
    position: absolute; /* +KH */
    overflow: hidden;   /* +KH */
    top: 0;             /* +KH */
    left: 0;            /* +KH */
    background-color: #ffc;
}
.intop {
    padding: 5px;
}
.bottom {
    border-top: 1px solid #000;
    height: 40px;            /* KH Footer height */
    background-color: #ecf;  /* +KH */
}
.inbottom {
    padding: 5px;
}
.outer {
    position: relative;
    margin-top: 70px;     /* +KH (place holder header) */
}
.wrapper {
    position: relative;     /* +KH (content first) */
}

.inleft,
.incenter{padding:10px}

/* ------------------------ */
 
 
/* previene allargamento floats (hidden) e problemi rendering left col (relative) in IE/Mac \*//*/
* html .inleft, * html .inright, * html .incenter {
    width: 100%;
    overflow: hidden;
}
* html .wrap-cl {
    position: relative;
    margin-right: 0;
}
* html .center {
    margin-left: 0;
}
* html .left {
    margin-right: 1px;
}
* html .right {
    margin-left: 1px;
}
* html .minwidth {
    border-left: 504px solid #fff;
}
* html .wrapper {
    margin-left: -504px;
}
/**/
 
.outer {
    word-wrap: break-word;
}
Kann aber leider keine Veränderung feststellen.
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update »

Code: Select all

.inleft,
.inright,
.incenter{padding:10px !important}
wie ist es damit?
Außerdem ist das gezeigte CSS für die 3-Spaltenversion. Was ist denn nun am Start?
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber »

update wrote:

Code: Select all

.inleft,
.inright,
.incenter{padding:10px !important}
wie ist es damit?
Außerdem ist das gezeigte CSS für die 3-Spaltenversion. Was ist denn nun am Start?
Treffer!
Dein letzter Satz war der entscheidende Hinweis. Manchmal sieht man den Wald vor lauter Bäumen nicht. Da ich sowohl mit der 2-Spaltenversion als auch mit der 3-Spaltenversion experimentiere, habe ich versehentlich die falsche Version angepasst. :roll:

Dein erster Beitrag führt - richtig angewendet - schon zum Erfolg. Ist mir sehr peinlich. Herzlichen Dank für Deine Geduld. Jetzt funktioniert alles wie gewünscht.

Um zu lernen: Ist eigentlich der Seitenaufbau mit CSS DIV (und nicht wie hier mit Eigener aus Haupt-Block) "out-of-Date"? Oder wann setzt man das bevorzugt ein? Ich habe dazu in der WIKI kein Beispiel gefunden. Wie müsste dazu die Vorlage bestückt werden?
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update »

Generell würde ich mit dem Template in "Haupt" arbeiten, alles andere führt nicht (mehr) weiter. Deshalb gibt's dazu auch nichts im wiki.
Jaja, der Wald...;) Prima, dass es jetzt funktioniert :)
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
Post Reply