TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

abstand zwischen überschrift und text plötzlich größer


Autor Nachricht
Verfasst am: 10. 10. 2008 [12:15]
MB76
Themenersteller
Dabei seit: 24.09.2008
Beiträge: 34
zwischen der Überschrift im content und dem text ist plötzlich ein großer abstand. ich habe keine ahnung wo er herkommt. vielleicht kann mir jemand einen tip geben.
gleichzeitig ging auch der mehrspaltige content(rscontentcolumn)nicht mehr...

ich bin für jede erklärung dankbar.

hier ist mein css:
HTML
.tx-indexedsearch .tx-indexedsearch-browsebox LI {
display : inline;
margin-right : 5px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
width : 100px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
width : 150px;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
margin-top : 10px;
margin-bottom : 5px;
}
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
font-weight : bold;
font-style : italic;
}
.tx-indexedsearch .tx-indexedsearch-noresults {
text-align : center;
font-weight : bold;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
font-style : italic;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
color : red;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
background : #eeeeee;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
margin-top : 20px;
margin-bottom : 5px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
margin-top : 0;
margin-bottom : 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
background : #cccccc;
vertical-align : middle;
}
.tx-indexedsearch .tx-indexedsearch-res .noResume {
color : #666666;
}
.tx-indexedsearch .tx-indexedsearch-category {
background : #cccccc;
font-size : 16px;
font-weight : bold;
}
.tx-indexedsearch .res-tmpl-css {
clear : both;
margin-bottom : 1em;
}
.tx-indexedsearch .searchbox-tmpl-css LABEL {
margin-right : 1em;
width : 10em;
float : left;
}
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
letter-spacing : 0;
font-weight : normal;
margin-top : -1.2em;
float : right;
}
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd {
float : left;
}
.tx-indexedsearch .info-tmpl-css dd.item-mtime {
float : none;
}
.tx-indexedsearch .info-tmpl-css dd.item-path {
float : none;
}
.tx-flvplayer-pi1 {
text-align : center;
}
.c2l1-left {
border-right : 1px solid #ffeda8;
padding-right : 5px;
width : 50%;
white-space : normal;
}
.c2l1-middle {
padding-left : 5px;
width : 50%;
white-space : normal;
}
.c2l2-left {
border-right : 1px solid #ffeda8;
padding-right : 5px;
width : 50%;
white-space : normal;
}
.c2l2-middle {
background-color : #ffeda8;
padding-left : 5px;
width : 50%;
white-space : normal;
}
.c2l3-left {
border-right : 1px solid #ffeda8;
padding-right : 5px;
width : 70%;
white-space : normal;
}
.c2l3-middle {
background-color : #ffeda8;
border : 1px solid blue;
padding-left : 5px;
width : 30%;
white-space : normal;
}
div.tx-fdfx2cols-pi1 {
position : relative;
left : 0;
margin-bottom : 10px;
}
div.c2l1d-left {
position : absolute;
left : 0;
padding : 0;
width : 380px;
white-space : normal;
border : 1px solid red;
}
div.c2l1d-middle {
position : absolute;
left : 390px;
padding : 0;
width : 380px;
border : 1px solid blue;
white-space : normal;
}
div.c2l2d-left {
position : absolute;
left : 0;
padding : 0;
width : 380px;
border : 1px solid blue;
white-space : normal;
}
div.c2l2d-middle {
position : absolute;
left : 390px;
padding : 0;
width : 380px;
white-space : normal;
border : 1px solid blue;
background-color : #c0c0c0;
}
div.c2l3d-left {
position : absolute;
left : 0;
padding : 0;
width : 770px;
white-space : normal;
border : 1px solid red;
}
div.c2l3d-middle {
float : right;
margin : 5px;
padding : 0;
width : 200px;
height : 100px;
overflow : auto;
white-space : normal;
border : 1px solid blue;
background-color : #c0c0c0;
}
div.tx-rscontentcolumn-pi1 {
overflow : hidden;
}
div.tx-rscontentcolumn-pi1 div {
vertical-align : top;
}
div.tx-rscontentcolumn-pi1 div.leftcol {
padding : 1%;
width : 48%;
white-space : normal;
float : left;
}
div.tx-rscontentcolumn-pi1 div.rightcol {
padding : 1%;
width : 48%;
white-space : normal;
float : left;
}
div.tx-rscontentcolumn-pi1 hr {
border : 0 none;
width : 100%;
height : 0;
visibility : hidden;
clear : left;
margin : 0 !important ;
}
div.tx-rscontentcolumn-pi1 div.threeleftcol {
padding : 1%;
width : 31%;
white-space : normal;
float : left;
}
div.tx-rscontentcolumn-pi1 div.threemiddlecol {
padding : 1%;
width : 31%;
white-space : normal;
float : left;
}
div.tx-rscontentcolumn-pi1 div.threerightcol {
padding : 1%;
width : 31%;
white-space : normal;
float : left;
}
DIV.csc-textpic-caption-c .csc-textpic-caption {
text-align : center;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
text-align : right;
}
DIV.csc-textpic-caption-l .csc-textpic-caption {
text-align : left;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
float : left;
display : inline;
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
border : 2px solid black;
padding : 0 0;
}
DIV.csc-textpic-imagewrap {
padding : 0;
}
DIV.csc-textpic IMG {
border : none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {
float : left;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {
list-style : none;
margin : 0;
padding : 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {
float : left;
margin : 0;
padding : 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
float : left;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {
float : none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {
float : none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
border : none;
}
DL.csc-textpic-image {
margin : 0;
}
DL.csc-textpic-image DT {
margin : 0;
display : inline;
}
DL.csc-textpic-image DD {
margin : 0;
}
DIV.csc-textpic-clear {
clear : both;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display : inline;
margin-right : 10px;
}
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display : inline;
margin-left : 10px;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display : inline;
margin-left : 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin : 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
margin : 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom : 5px;
}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
margin-bottom : 5px;
display : block;
}
DIV.csc-textpic DIV.csc-textpic-imagerow {
clear : both;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {
margin-left : 0 !important ;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
margin-right : 0 !important ;
}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
margin-right : 10px !important ;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
margin-left : 10px !important ;
}
DIV.csc-textpic-above DIV.csc-textpic-text {
clear : both;
}
DIV.csc-textpic-center {
text-align : center;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
margin : 0 auto;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
text-align : left;
}
DIV.csc-textpic-center DIV.csc-textpic-text {
text-align : left;
}
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
float : right;
}
DIV.csc-textpic-right DIV.csc-textpic-text {
clear : right;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
float : left;
}
DIV.csc-textpic-left DIV.csc-textpic-text {
clear : left;
}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
float : left;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
float : right;
}
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
float : right;
clear : both;
}
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
height : 1%;
}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
float : left;
clear : both;
}
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
height : 1%;
}
DIV.csc-textpic DIV.csc-textpic-imagerow-last {
margin-bottom : 0;
}
td, th {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
}
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height : normal;
}
h2 {
line-height : 12px;
}
h3 {
line-height : 12px;
}
a {
color : #aa0000;
}
a:visited {
color : #cc0000;
}
a:hover {
font-weight : bold;
color : #ee0000;
}
form {
background-color : #cccc99;
}
.title {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18px;
background-color : #99cc00;
color : #003333;
}
.subtitle {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #003300;
}
.header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 20px;
background-color : #669900;
color : #ffff33;
}
.nav {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : normal;
background-color : #ccff99;
}
.navLink {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
background-color : #dedeca;
}
.sidebar {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 14px;
padding : 3px;
background-color : #ffffcc;
color : #003333;
}
.sidebarHeader {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #003300;
background-color : #ffff66;
}
.sidebarFooter {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 18px;
background-color : #ffff99;
font-style : italic;
}
.footer {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
line-height : 22px;
color : #333333;
background-color : #ccff99;
}
.legal {
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
color : #333333;
}
.box1 {
border-width : thin;
border-color : #99ff99 #003300 #003300 #99ff99;
border-style : double;
}
.promo {
font-family : "Times New Roman", Times, serif;
color : #000033;
}
.titlebar {
font-family : "Times New Roman", Times, serif;
font-size : 9px;
color : #ffffff;
background-color : #336699;
}
.dingbat {
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
color : #660000;
font-weight : bolder;
font-size : medium;
}
input.big {
width : 100px;
}
input.small {
width : 50px;
}
[/HTML]

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 10.10.2008 um 12:16.]
Profil
Verfasst am: 15. 10. 2008 [12:40]
Dander
Dabei seit: 18.07.2003
Beiträge: 2287
hast mit mal mit Firebug oder ie developer toolbar, (je nach dem bei welchem browser) rumprobiert, darüber fidnest du das recht schnell haraus. Weil ich glaube nur anhand des css kann dir niemand helfen. Da wäre ein Link besser.

Prinzipiell kann es nicht schaden, wenn man alle paddings. margins,.. etc. für html elemente wie überschriften mal auf 0 setzt und sie dann formatiert
ProfilICQ
Verfasst am: 16. 10. 2008 [10:14]
MB76
Themenersteller
Dabei seit: 24.09.2008
Beiträge: 34
Hab die Lösung: die content(default) und die css-styled-content waren beide aktiv. wenn nur noch die css-styled-content läuft geht alles wieder.
Dank an d.walter!
Profil