Wyświetlanie treści [type="component"] poza ramką.

[mik360]

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
<jdoc:include type="component" style="xhtml" /> wyświetla mi się poza ramką do tego przeznaczoną.

Widać to na mojej stronie (w budowie): > link < (http://zacheta.unic.pl/index.php?option=com_content&view=article&id=47&Itemid=53)
Treść szarej ramki:

<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

<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:

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;
}

[Bazyl]

<table class="contentpaneopen" style="float: left;">

Opisz (dopisz) w arkuszu css.

Przejdź na divy..................

[mik360]

Ślicznie dziękuję za szybką i trafną odpowiedź :)

Udało mi się pozbyć tabel korzystając dodając folder html z template Beez do mojego. To jednak znowu spowodowało różnicę między artykułami a sekcjami. W większości górne i dolne elementy szarej ramki odjechały od "środka" a w niektórych dolne ramki są nadal we właściwym miejscu. Z czego to wynika?

Pozdrawiam,
MIK

[mik360]

Przeszedłem na div'y zgodnie z poradą ale szablon mi się trochę rozjechał. Zupełnie nie mogę znaleźć gdzie tkwi problem. Górny i dolny div z zaokrągleniem ramki (tło) odstaje od środka. Dolny czasem siedzi dobrze (na niektórych podstronach chyba poza artykułami).

link 1. Góra i dół rozjechne. (http://zacheta.unic.pl/index.php?option=com_content&view=section&id=4&Itemid=27)

link 2. Dół w porządku. (http://zacheta.unic.pl/index.php?option=com_content&view=section&id=7&Itemid=41)

Może w tym katalogu "html" z template Beez, który przegrałem jest pszczyna? Czy potrzebuję wszystkich podkatalogów czy tylko "html\com_content"?
Niektóre elementy wcale nie reagują na moje style tak jakby coś innego nimi sterowało... (np ".moduletable_topic" po ustawieniu "float:left" z miejsca się nie rusza).

Załączam css i index.

Będę wdzięczny za pomoc w rozwikłaniu tego problemu,
MIK

[Bazyl]

Firefox + Firebug :)

div.contentdescription p {
margin-top: 0
}

[mik360]

Ponowne dzięki,

zainstalowałem Firebuga i staram się obeznać. Niestety przez pracę na dwóch różnych komputerach bezpośrednio na źródle właśnie straciłem dwa dni pracy. Zapisała mi się stara wersja :/

Zaczynam jeszcze raz - mam nadzieję, że Firebug tym razem ułatwi zadanie,
MIK