Problem z formatowaniem mod_mainmenu

[naitsyrk85]

Mam problem z formatowaniem mod_mainmenu, jak widać na poniżej zamieszczonych zrzutach. Tło tytułu menu "Głowne menu" oraz "multimedia" nie jest rozciągnięte na całą kolumnę, a tytuł "multimedia" jest dziwnie przesunięty do lewej strony. Natomiast moduł mod_whosonline jest formatowany poprawnie?

menu.jpgmenu1.jpg

h3, .componentheading, table.moduletable th, legend
{
background-color:#000033;
color:#99FFFF;
font-family:Helvetica,Arial,sans-serif;
font-size:1em;
font-style:italic;
font-weight:bold;
text-align:center;
width:100%;
}

Co robię źle?

poszczególne moduły umieszczone w następujący sposób:

<div id="menulewe">
<div id="b_gora"></div>
<div id="b">
<jdoc:include type="modules" name="left" style="xhtml"/>
</div>
<div id="b_dol"></div>
<div id="b_gora"></div>
<div id="b">
<jdoc:include type="modules" name="leftmultimedia" style="xhtml" />
</div>
<div id="b_dol"></div>
</div>

Poszczególne klasy w css

/*LEWA CZESC*/

#menulewe{
width:186px;
float:left;
display:table;
}

#b_gora{
width: 170px;
margin:auto;
height: 10px;
background-image: url(../images/menu_gora.jpg ) ;
background-repeat: no-repeat;
clear:both;
}
#b{
width: 170px;
padding:0px;
margin:auto;
background-image: url(../images/menu_sr.jpg);
}

#b_dol{
width: 170px;
margin:auto;
height: 14px;
background-image: url(../images/menu_dol.jpg ) ;
background-repeat: no-repeat;
}

Natomiast poprawnie wyświetlany mod_whosonline umieszczony mam w pozycji rightnews:
w index.php umieszczony tak:

<div id="b_gorap"></div>
<div id="rightnews"><jdoc:include type="modules" name="rightnews" style="xhtml" /></div> <div id="b_dol"></div>

w css tak:

#menuprawe
{
display:inline;
float:right;
width:186px;
}
#b_gorap{
width: 170px;
margin:auto;
height: 10px;
background-image: url(../images/menu_gora.jpg ) ;
background-repeat: no-repeat;\
display:block
}

#rightnews{
display: block;
text-align: center;
width: 170px;
margin:auto;
background-image: url(../images/menu_sr.jpg);
}

Z góry dziękuję za pomoc

[Bazyl]

Witam,

I naklikałeś się niepotrzebnie...
Link do strony?

[naitsyrk85]

www.bjj-krotoszyn.pl

[Bazyl]

table.moduletable - brakuje lewego marginesu.

A ponieważ są to tabele, to wcale nie musi być prawda (w moim wykonaniu)

[naitsyrk85]

Próbowałem różnych ustawień marginesów wtable.moduletable i niestety żadnej poprawy Co to może być za problem?

-

---------- Post dodany o 16:44 ---------- Poprzedni post był o 15:52 ----------

Zamykam temat problem rozwiązany. Trzeba było dodać następującą klasę w css

table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

PS. Nic nie zastąpi metody prób i błędówD

[naitsyrk85]

Troszeczkę rozsypuje się ramka bocznego menu w IE, kurcze będę wdzięczny za pomoc w rozwiązaniu tego problemu. Z góry dziekuję

www.bjj-krotoszyn.pl

[a_m]

zamknąłeś temat, ale co tam ... co się sypie troszeczkę? -> konkretnie, dokładnie

[naitsyrk85]

wiem ze zamknąłem jednak nie zauważyłem jeszcze jednego problemu, dopiero gdy przejrzałem stronę na http://browsershots.org/ zauważyłem jeszcze jeden błąd
menu.JPG

To przykładowy zrzut z MSIE 8.0, jak widać dolne domknięcie menu się rozsuwa pod Firefox oczywiście ok

[tiunet]

table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

margin-bottom: 5px;
zmień na
margin-bottom: 0px;

[naitsyrk85]

Rzeczywiście nie zauważyłem tego błędu dzięki