Witam się z wami moim pierwszym wpisem na forum,

podczas tworzenia szablonu natknąłem się na dziwny błąd, z którym nie mogę sobie poradzić. Mianowicie treść strony
Kod PHP:
<jdoc:include type="component" style="xhtml" /> 
wyświetla mi się poza ramką do tego przeznaczoną.

Widać to na mojej stronie (w budowie): > link <
Treść szarej ramki:
Kod HTML:
<div class="inside">
    <div id="content">
        <jdoc:include type="component" style="xhtml" /><!---- CONTENT ---->
    </div>
</div>
wyświetla się po jej prawej stronie.

Dzieje się tak na stronach gdzie wyświetlany jest artykuł, a nie np sekcja.

Czy ktoś wie co może być przyczyną i jak można to naprawić?
Pozdrawiam i z góry dziękuję,
MIK

index.php - fragment
Kod HTML:
<div id="dark_box">   
    <div class="a-top">&nbsp;</div>
    <div class="a-middle">
    
        <?php if($this->countModules('page_title')) : ?>
            <div id="page_title">
                <jdoc:include type="modules" name="page_title" style="xhtml" /><!---- PAGE TITLE ---->
            </div>
        <?php endif; ?>
        
        <?php if($this->countModules('topic_menu')) : ?>
            <div id="topic_menu">
                <jdoc:include type="modules" name="topic_menu" style="xhtml" /><!---- TOPIC MENU ---->
            </div>
        <?php endif; ?>
                
        <div id="light_box">
            <div class="b-top">&nbsp;</div>
            <div class="b-middle">
            
                <?php if($this->countModules('content_menu')) : ?>
                    <jdoc:include type="modules" name="content_menu" id="content_menu" style="xhtml" /> <!---- MIDDLE MENU ---->
                <?php endif; ?>
                
                <div class="inside">
                    <div id="content">
                        <jdoc:include type="component" style="xhtml" /><!---- CONTENT ---->
                    </div>
                </div>
            </div>
            <div class="b-bottom">&nbsp;</div>
        </div>
  </div>
  <div class="a-bottom">&nbsp;</div>
</div>
css - fragment:
Kod HTML:
body {
    text-align:center;
    font-size:;
    font-family:GothicTTF, Verdana;
    color:#363636;
    line-height:1.3;
    text-align:left;
    margin:0;
}

#header {
    width:100%;
    height:100px;
    padding-top:20px;
    padding-left:10px;
    padding-right:10px;
    clear:both;
}

#middle {
    margin-left:auto;
    margin-right:auto;
    max-width:990px;
}

#col_left {
    display:inline;
    float:left;
    margin-left:0px;
    margin-right:5px;
    padding-left:40px;
    padding-top:30px;
    width:180px;
    height:400px;
}
#col_mid {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
    padding-top: 20px;
    width:auto;
    height:auto;
}
#col_right {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:0px;
    width:auto;
    height:auto;
    background-color:#0000FF;
}

#top_menu {
    position:relative;
    right:44px;
}

#pathway {
    position:relative;
    top:7px;
    padding-left:15px;
    font-size:12px;
    text-transform:capitalize;
    color:#666;
}
#pathway a, pathway a:visited {
    color:#960014;
    text-decoration:none;
    font-weight:normal;
}
#pathway a:hover {
    color:#960014;
    text-decoration:underline;
    font-weight:normal;
}
#pathway img {
    position:relative;
    left:-6px;
}

#page_title {
    color:#FFF;
    font-size:24px;
    padding-left:10px;
}

.componentheading {
    visibility:collapse;
}

#content {
    padding-right:18px;
    padding-left:10px;
    text-align:justify;
    font-size:12px;
}
#content a, #content a:visited {
    color:#960014;
    font-weight:normal;
}
#content a:hover {
    text-decoration:underline;
}
.pagenav {
}

.inside {
    margin: 0 10px;
    position:relative;
    top:0;
    left:0;
}

#dark_box{
    width:673px;
    height:auto;
}
.a-top { background: url(../images/a-top.png) no-repeat; height:25px; }
.a-middle { background: url(../images/a-middle.png) repeat-y; }
.a-bottom { background: url(../images/a-bottom.png) no-repeat; height:25px; }

#light_box {
    width:507px;
    height:auto;
    margin-left:10px;
    padding-top:36px;
}
.b-top { background: url(../images/b-top.png) no-repeat; height:25px; }
.b-middle { background: url(../images/b-middle.png) repeat-y; }
.b-bottom { background: url(../images/b-bottom.png) no-repeat; height:25px; }


.float_left { position:relative; float:left; }
.float_right { position:relative; float:right; }

.disp_inline { display:inline; }
.disp_incolumn { clear:both; }

@font-face { font-family: GothicTTF; src: url(gothic.ttf) }


.left_menu {
    text-align:left;
    color:#960014;
    font-family: GothicTTF;
}