Page 1 of 1
Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 17:36
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
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 17:55
by update
Code: Select all
.incenter {
padding: 10px 10px 10px 10px;
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 18:18
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?
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 18:22
by update
wie wär's mit nem Link?
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 18:25
by update
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 18:29
by Labber
ist leider noch nicht online
Das wäre aber doch schon die von Dir vorgeschlagene Stelle im css?
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 18:34
by update
ja. Einfach
.incenter { /* +KH */
padding: 10px 0 10px 10px;
}
ersetzen mit
und ein eventuell vorhandenes .inleft löschen
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 18:47
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.
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 19:03
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?
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 20:01
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.
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?
Re: Abstand im Content rechts Big John's Piefecta
Posted: Tue 16. Jun 2015, 20:08
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
