PDA

Zobacz pełną wersję : W IE źle, a w Mozilli jest ok menu



cymbi
05-02-2007, 23:15
Witam.
Mam taki problem, a mianowice. Jeżeli do menu dodam jakąć podkategorię to po kliknięciu w nią zawartoć zamiast się pokazać w głównym panelu, to pokazuje się na samym dole strony.
Tutaj link do stronki:
http://www.ecoportal.com.pl/index.php?option=com_content&task=section&id=12&Itemid=88

Jestem początkującym użytkownikiem i niewiem co może być z tym nie tak.
Bardzo dziękuję za pomoc.

Alternativestudio
06-02-2007, 00:55
content-block-5-center {
float: left;

gdzie jest zawarty moduł wyświetlający Prawo I ekologia czyli z pod menu włazi na lewe menu, FF sobie radzi z tym bo nakłada divy na siebie a IE spycha na dół, pod menu

Viking
06-02-2007, 01:20
@cymbi: Jesteś webmasterem, albo chcesz być więc doczytaj o IE box model

cymbi
06-02-2007, 09:09
Witam Ponownie.

Powiedz mi gdzie o tym poczytać.
---
No i niestety nie mogę dojśc do tego:(

Pomóżcie.

Tak wyglada index.php:
...
<!-- Begin of content-block-5 //-->
<div id="content-block-5">
<div id="content-block-5-left"><?php mosLoadModules ( 'left' ); ?></div>
<div id="content-block-5-center">
<div id="content-block-5-right"><?php mosLoadModules ( 'right' ); ?></div><?php mosMainBody(); ?>
</div>
</div>
<!-- End of content-block-5 //-->
....


a tak css.

...
#content-block-5 {
text-align: left;
vertical-align: top;
display: table;
margin: 0px;
padding: 0px;
clear: both;
width: 770px;
background: #FFFFFF;
border-width: 0px;
border-style: none;
height: 100%;
}
#content-block-5-center {
float: left;
width: 595px;
display: block;
margin: 0px;
text-align: left;
vertical-align: top;
padding: 0px 0px 0px 5px;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
background: #ffffff;
height: 100%;
}
#content-block-5-left {
float: left;
width: 160px;
display: block;
margin: 0px 0px 0px 5px;
text-align: left;
vertical-align: top;
padding: 0px;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
background: #FFFFFF;
height: 100%;
}
#content-block-5-right {
float: right;
width: 210px;
display: block;
margin: 0px 0px 0px 10px;
text-align: left;
vertical-align: top;
padding: 0px 0px 10px;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
background: #FFFFFF;
height: auto;
}
...

Najciekawsze jest to, że dzieje się to tylko w submenu :(