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 » Tue 16. Jun 2015, 17:36

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: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update » Tue 16. Jun 2015, 17:55

Code: Select all

.incenter {
    padding: 10px 10px 10px 10px;
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber » Tue 16. Jun 2015, 18:18

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: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update » Tue 16. Jun 2015, 18:22

wie wär's mit nem Link?
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

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

Re: Abstand im Content rechts Big John's Piefecta

Post by update » Tue 16. Jun 2015, 18:25

Code: Select all

.inleft,
.incenter{padding:10px}
natürlich geht das
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber » Tue 16. Jun 2015, 18:29

ist leider noch nicht online :?

Das wäre aber doch schon die von Dir vorgeschlagene Stelle im css?

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

Re: Abstand im Content rechts Big John's Piefecta

Post by update » Tue 16. Jun 2015, 18:34

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 webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber » Tue 16. Jun 2015, 18:47

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: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update » Tue 16. Jun 2015, 19:03

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 webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

Labber
Posts: 13
Joined: Fri 1. Feb 2013, 22:17

Re: Abstand im Content rechts Big John's Piefecta

Post by Labber » Tue 16. Jun 2015, 20:01

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: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Abstand im Content rechts Big John's Piefecta

Post by update » Tue 16. Jun 2015, 20:08

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 webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

Post Reply