Indexmodul quetscht das Forum ein

[Halibel]

Hallo,
ich habe bei Suche schon nachgeschaut und habe mich gewundert, dass ich bei niemanden gefunden habe, die das gleiche Problem haben wie ich oder liege ich da falsch?...
Ich möchte gerne die Indexmodule im Forum anzeigen, weil ich das besser finde wenn die neuen Themen immer hochscrollen, aber das Problem ist, dass dann das Forum bei den neuen Style eingequetscht aussieht. Ich dachte man kann das bei Allgeimeines - Einstellungen ändern, aber ging nicht...
Was soll ich machen?

Bei den Style wirkte mein Forum aber nicht eingequetscht.
Was ist daran anders?

http://de.hitskin.com/einen-style-suchen/graphic-design-skin-150451.htm

Das ist der aktuelle Style:

http://en.hitskin.com/search-a-skin/bleach-style-156999.htm

[Rüdiger]

Hallo Halibel.

Ist das Thema noch aktuell? Denn ich kann auf beiden Screens nichts negatives festellen bzw. das, was Du beschrieben hast, finde das es normal aussieht.
Ansonsten wäre es klasse, wenn Du bitte mal Deine Foren-URL angeben würdest damit man es aktuell in Deinem Forum sehen kann um Dir so schnelle helfen zu können.

Bitte um Feedback..

lg. Happy

[#Frank]

Nur als Anmerkung:
Hier lohnt sich mal ein Blick auf das Persönliche CSS zu werfen.
Der Style den du Aktuell auf dem Forum hast, hat ein sehr umfangreiches CSS und ist für Indexmodule nicht gemacht.
Der Zweite Style hat auch ein Persönliches CSS das einige Bereiche deines Forums an diesen Style anpasst.

[Rüdiger]

@Frank, konntest Du denn Unterschiede erkennen bzw. die wie oben beschriebene Problematik erkennen? Denn ich konnte wirklich keinen Unterschied erkennen oder nachteiliges.

lg. Happy

[Halibel]

Wo ist der Code? Ich kann ihn nicht finden...
Ich mache alles falsch wie z.B die Navigation hatte ich wieder unten gemacht die eig. rechts angezeigt werden soll.

Der musst irgendwo bei den Chatbox Codes sein...
denke ich mal.



Hier die CSS-Codes von dem ersten Forum:

Code:

{
position:absolute;
top: (new X position);
left: (new y position);
}

---

ul.navlinks a img:hover {

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}



.second_nav {
        padding: 0 0 0 0;
        background-image: url('');
        border-color: transparent;
        width:98%;
        }

/* Modules-------------------------------------------------*/
.module {
margin-bottom: 4px;
padding: 0 10px;
background-image: url('http://i191.photobucket.com/albums/z301/lastfmbadges/a1/barpol.png');
background-repeat: repeat-x;
background-color: #393939;
color: #fffff5;
}

}


/* Chatbox-------------------------------------------------*/
body.chatbox {
   background-image: none;
   }
.chatbox {
   background-color: #000000;
   }
#chatbox_header {
   height: 30px;
   background-color: #00000;
   }
.chatbox .forabg {
   margin: 0;
   border: none;
   padding: 0;
   margin: 0;
   background-color: #00000;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #ffffff !important;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #ffffff;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #000000;
   color : #ffffff;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 1em;
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #00000;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #333;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #02710e;
   }
.memberlist_row_1 {
   background-color: #00000;
   }
#chatbox_footer {
height: 25px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 5px;
   }
#chatbox_footer label {
   color: #ffffff;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #000000;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #000000;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #000000;
   border: 1px solid #22229C;
   }
#chatbox_contextmenu {
   border: 2px solid black;
   background-color: #02710e;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #000000;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {
   background: #ffffff;
   }
#chatbox_contextmenu p.close {
   background: #ddd;
   padding: 1px;
   font-size: 95%;
   color:#fff;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   padding-left: 20px;
   }
#chatbox_contextmenu a {
   color: #ffffff;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: ;
   }
.fontbutton {
   background: #E1E1E2 none repeat scroll 0%;
   border:medium none;
   color:#000000;
   float:left;
   margin-right:10px;
   padding:1px;
   }
#chatbox .user {
   font-weight: bold;
   }
* html #chatbox-members {
   




Von mein aktuelles Forum:

Code:

* {
    margin: 0px;
    padding: 0px;
    }
* html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
*+ html {
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;

   }


body {
   background-color: #f4f2f2;
   background-image: url('http://www.frichtiweb.com/images/12759637121275876398jkkjk.png');
background-repeat: repeat-x;
background-position: top;
   color: #000000;
   font-size: 11px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
       
   }
.pun {
   width: 930px;
   margin: 0 auto;
   padding: 5px;
background-color: #ffffff;
border: 1px solid #1c3bb0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 10px;
color: #e0e8f3;
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
   line-height: 130%;
   }
.pun div, .pun td, .sig-line {
   border-color: #2254a0;
   color: #2254a0;
   }

.pun img, .pun fieldset {
   border: none;
   }
.pun a:link {
   color: #2254a0;
text-decoration: none;
   }
.pun a:visited {
   color: #2254a0;
text-decoration: none;
    }
.pun a:hover {
   color: #2254a0;
        text-decoration: none;
    }
.pun a:active {
   color: #;
        text-decoration: none;
    }
.pun a:focus {
   color: #ffb300;
    }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
   font: normal 1em Verdana, Arial, sans-serif;
   color: #e80000;
        }

#pun-intro {
margin: 0;
padding: 1.5em 1em 1em 1em;
border-bottom: 0px solid #296fa5;
background-color: transparent;
background-image: url('http://i51.tinypic.com/o6gs3o.jpg');
background-position: center;
text-align: left;
background-repeat: no-repeat;
height: 330px;
margin-top: -20px;
margin-left: -17px;
width: 945px;
}
/* Main headings and Pagination-------------------------------------------------------------*/

.main .main-head  {
background-image: url('');
background-repeat: no-repeat !important;
height: 28px;
background-color: transparent;
}
.main .main-head .page-title {
   font-size: 12px;
   font-weight: bold;
        color: #0c429b;
        text-decoration:underline;
        margin-top: 10px;
        margin-left: 30px;
   }
#main-content{
width: 900px;
margin-left: 15px;
padding-bottom: 3px;
border: 0px;
}

/* Table-------------------------------------------------------------*/
.pun table.table {
   width: 100%;
   table-layout: fixed;
   empty-cells: show;
   border-collapse: collapse;
        border: 0px;
   }
.pun .frm .frm-form table {
   border: 0px solid #dddddd;
   border-top: 0px solid #1F537B;
   
   }
.pun table.table th {
   padding: 0.5em 0;
   border-style: none;
   border-color: #000000;
        border-width: 0px;
   background-color: #DAF0F4;
        background-image: url('http://2img.net/i/fa/m/background1.gif');
        background-repeat: repeat-x;
   color: #e80000;
        border-bottom-left-radius: 4px 4px;
        border-bottom-right-radius: 4px 4px;
        --moz-border-radius: 4px;
      -webkit-border-radius: 4px;
        }
.pun table.table td {
   padding: 0.6em 0 0.7em;
   border-width: 1px;
   border-style: solid none none solid;
   line-height: 130%;
   background-color: #transparent;
        background-image: url('');
        border-bottom-left-radius: 10px 10px;
        border-bottom-right-radius: 10px 10px;
        -moz-border-radius: 0px 0px 12px12px;
        --moz-border-radius: 10px;
      -webkit-border-radius: 10px
        background-repeat: repeat-x;
   border-color: #e80000;
        -moz-border-radius: 0px 0px 10px 10px;
        }
.pun .main table td.tc2, .pun .main table td.tc3 {
   background-color: #DAF0F4;
   color: #e80000;
   }
.pun table.table td table td {
   border: none;
   padding: 0px;
   }
.pun table .tcl {
   width: 50%;
   overflow: hidden;
   text-align: left;
   }
.pun table.table th.tcl {
   padding-left: 0.5em;
   }
.pun .frm .frm-form table .tc2 {
    text-align: left;
    padding-left: 0.5em;
   }
#online-list {
background-color: transparent;
border: 0px solid transparent;
}
.stats {
background-color: transparent;
}
#pun-head #pun-navlinks {
position: absolute
top: 20px;
left: 0px;
right: 0px;
}
#pun-navlinks ul {
    list-style: none;
    text-align: right;
width: 120px;
margin-top: -310px;
margin-left: 770px;
    }
a.mainmenu{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
      }
a.mainmenu:hover{
  filter:alpha(opacity=70);
    -moz-opacity: 0.65;
    opacity: 0.65;
        }
#pun-about {
   border-style: solid;
   border-width: 0px;
   border-color: #E0F1FF;
   text-align: right;
   line-height: 150%;
   padding: 0.6em 1em;
   background-color: #transparent;
   border-bottom-left-radius: 7px 7px;
        border-bottom-right-radius: 7px 7px;
        border-top-left-radius: 7px 7px;
        border-top-right-radius: 7px 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px
 }

.pun .main-content{
        border-bottom-left-radius: 12px 12px;
        border-bottom-right-radius: 10px 10px;
        --moz-border-radius: 10px;
      -webkit-border-radius: 10px;
        border: 1px solid #2254a0;
      -moz-border-radius: 0px 0px 10px 10px;
       
}

#onlinelist{
      border-bottom-left-radius: 10px 10px;
      border-bottom-right-radius: 10px 10px;
      --moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-top: 1px dashed #e80000;
        color: #2254a0;
      -moz-border-radius: 0px 0px 10px 10px;
}

.mod-text{
        color: #e80000;
   font-size: 11px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}

.pun tbody.statused td.tcl{
        color: #e80000;
   font-size: 11px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}


.postfoot{
        border-bottom-left-radius: 12px 12px;
        border-bottom-right-radius: 10px 10px;
        --moz-border-radius: 10px;
      -webkit-border-radius: 10px;
       
}

ul.pun-legend, ul#pun-legend{
      background-color: #e7f1ff;
      color: #2254a0;
      font-style: italic;
}

#stats{
        border-bottom-left-radius: 12px 12px;
        border-bottom-right-radius: 10px 10px;
        --moz-border-radius: 10px;
      -webkit-border-radius: 10px;
        color: #e80000;
}
 
#pun-visit, .main-box{
      border: 1px solid #000000;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px;
        padding: 10px;
      border-color: #2254A0;
}

.pun .main, .pun .main-category{
-moz-border-radius: 7px 27px 100px 0px;
}

.pun .posthead h2 strong{
 color: #2254a0;
}

.pun .posthead{
border-bottom: 1px double #e80000;
background: #e0f1ff;
}

.pun .post{
border-bottom: 1px solid #e80000
}

.pun .paged .posting{
float: right;
width: 53%;
}

.postmain blockquote{
background: #ffffff  url("http://www.frichtiweb.com/images/1275884514quote.png") 6px -6px no-repeat;
border: 1px solid #2254a0;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 10px;
color: #2254A0;
}

.codebox{
background-color: white;
border: 1px solid #1675BC;
border-bottom-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 0px 0px;
border-top-left-radius: 0px 0px;
border-top-right-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-moz-border-radius: 0px 5px 5px 5px;
color: #858585;
font-family: Arial;
font-size: 11px;
padding: 5px;
position: relative;
}

.pun .main-foot .h2, .pun .main-head .h2{
color: #2254A0;
}

.pun .topic{
background-color: #e0f1ff;
}

.pun .postmain{
border-left: 1px solid #2254A0;
background-image: url(http://www.frichtiweb.com/images/1275955418post.png);
background-position: 100% 100%;
background-repeat: no-repeat;
}


.pun-crumbs p{
color: #dc0029;
style: bold;
}

.pun .postfoot .user-contact{
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.pun .postfoot .user-contact:hover{
  filter:alpha(opacity=70);
    -moz-opacity: 0.65;
    opacity: 0.65;
}


input{
-moz-border-radius: 70px 20px 100px 35px;

border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 7px 7px;
border-top-left-radius: 7px 7px;
border-top-right-radius: 7px 7px
border-bottom-right-radius: 7px 7px;
border-bottom-left-radius: 4px 4px ;
background-color : #eaf9ff;
border : 1px solid #a1c1ff;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}

dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe{
border: 1px solid #a1c1ff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 10px;
background-image: url(http://i52.tinypic.com/v63c6b.jpg);
background-repeat: no-repeat;
float: center;
}

input.liteoption {
background-color : #d9e5f5;
background-image: url('http://www.frichtiweb.com/images/1276046423botones-perfil.png ');
background-position: top;
font-weight : bold;
color: #000;
}
input.liteoption:hover {
background-color : #d9e5f5;
background-image: url('http://www.frichtiweb.com/images/1276046787perfil-over.png');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption {
background-color : #d9e5f5;
background-image: url('http://www.frichtiweb.com/images/1276046423botones-perfil.png');
background-position: top;
font-weight : bold;
color: #000;
}
input.mainoption:hover {
background-color : #d9e5f5;
background-image: url('http://www.frichtiweb.com/images/1276046787perfil-over.png');
background-position: top;
font-weight : bold;
color : #000;
}
.button, .mainoption{
background-image: url('http://www.frichtiweb.com/images/1276046423botones-perfil.png');
background-position:bottom;
}
.button:hover, .mainoption:hover{
background-image: url('http://www.frichtiweb.com/images/1276046787perfil-over.png');
background-position: top;
}
button.button2, input.button2 {
background-image: url('http://www.frichtiweb.com/images/1276046423botones-perfil.png');
background-position: top;
}
button.button2:hover, input.button2:hover {
background-image: url('http://www.frichtiweb.com/images/1276046787perfil-over.png');
background-position:bottom;
}

#pun-title{
color: #0a3a96;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
padding-left: 5px;
white-space: nowrap;
font-style: italic;
text-transform:uppercase;
}

p#pun-desc{
color: #dc0029;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 35px;
white-space: nowrap;
font-style: italic;
text-transform:uppercase;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited{
background-image: url();
background-repeat: no-repeat;
color: #dc0029;
float: center;
}

#textarea_content iframe#text_editor_iframe, #text_editor_textarea{
border: 1px solid #A1C1FF;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
border-top-right-radius: 7px 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}


.pun .paged-head, .pun .paged-foot{
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
border-top-right-radius: 7px 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
border: 1px solid;
border-color: #E80000;
background-color: #FBFBFB;
}

.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited{
color: #FF6067;
text-decoration: underline;
}

.pun .main .options{
color: #2254A0;
}

.overview{
border-bottom-left-radius: 9px 9px;
border-bottom-right-radius: 9px 9px;
border-top-left-radius: 9px 9px;
border-top-right-radius: 9px 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px
background-color: #FBFBFB;
}

.title-overview{
background-color:#2254A0;
border-bottom-left-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
color: #FBFBFB;
}

#pun-foot{
background-image: url(http://i52.tinypic.com/29gbs7d.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;
background-repeat: no-repeat;
height: 400px;
margin-bottom: -5px;
margin-left: -5px;
width: 900px;
}

.faq dd{
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
border-top-right-radius: 7px 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
border: 1px solid;
border-color: #E80000;
background-color: #FBFBFB;
font-style: italic;
color: #E80000;
}

#profile-advanced-layout{
float:right;
margin: 0px;
padding: 0px;
width: 818px;
margin-right: -80px;
margin-top: -12px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}


#profile-advanced-layout #new-message{
margin-top: 30px;
margin-left: 30px;
}





#tabs ul li a{
background-image: url(http://www.frichtiweb.com/images/1276046787perfil-over.png);
color: #E80000;
font-style: italic;
border-bottom-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 0px 0px;
border-top-left-radius: 0px 0px;
border-top-right-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-moz-border-radius: 0px 5px 5px 5px;
}

#tabs ul li a:hover{
background-image: url(http://www.frichtiweb.com/images/1276046787perfil-over.png);
}

#tabs ul li.activetab a{
background-image: url(http://www.frichtiweb.com/images/1276046423botones-perfil.png);
color: #1c3bb0;
font-style: italic;
}

#tabs ul li.activetab a:hover{
background-image: url(http://www.frichtiweb.com/images/1276046787perfil-over.png);
}


#profile-advanced-details div.separator{
border-color: #dc0029;
}