wisnia80
18-04-2010, 13:33
Witajcie mam kłopot z podwójnym divem w ie8 - w pozostałych przeglądarkach jest ok (ie6,ie7,ff,chrome) -w załączniku screeny ok i nok.
NOK
2468
OK
2469
Walcze z tym i pomysły się mi skończyły poniżej kody html problematycznej sytacji
<div id="header">
<div id="lang_module">
<?php if($this->countModules('top_module')) : ?>
<jdoc:include type="modules" name="top_module" style="xhtml" />
<?php else : ?>
<?php endif; ?>
</div>
<div id="clear"> </div>
<div id="baner">
<a href="http://www.xxxx"> <img src="<?php echo $this->baseurl ?>/templates/A_Les_template/images/xs.png" alt="x logo"/>
</div>
<div id="menu">
<?php if($this->countModules('top_menu_module')) : ?>
<jdoc:include type="modules" name="top_menu_module" style="xhtml"/>
<?php else : ?>
<?php endif; ?>
</div>
CSS
#baner{
background-color:#f0f0f0;
height:86px;
border:0px;
}
#baner a img{
border-bottom:0px;
text-decoration:none;
font-size:0px;
}
#baner a {
border-bottom:0px;
text-decoration:none;
font-size:0px;
}
.inputbox{
color:#766969;
}
#menu{
background-color:#f0f0f0;
height:36px;
width:960px;
background:url(../images/menu_bg.png);
}
/*----------*/
/* Menu*/
#menu ul {
display: inline;
}
#menu ul li {
overflow: hidden;
float: left;
margin-top:0px;
list-style:none;
text-decoration:none;
margin-left:0px;
color:#000000;
margin-top:4px;
padding-left:12px;
font-size:1.0em;
font-weight: bold;
}
#menu ul li a {
display: block;
text-decoration:none;
padding-left:12px;
padding-right:12px;
padding-top:4px;
}
#menu ul li a:hover {
color:#ffffff;
}
#menu .active a{
color:#ffffff;
}
NOK
2468
OK
2469
Walcze z tym i pomysły się mi skończyły poniżej kody html problematycznej sytacji
<div id="header">
<div id="lang_module">
<?php if($this->countModules('top_module')) : ?>
<jdoc:include type="modules" name="top_module" style="xhtml" />
<?php else : ?>
<?php endif; ?>
</div>
<div id="clear"> </div>
<div id="baner">
<a href="http://www.xxxx"> <img src="<?php echo $this->baseurl ?>/templates/A_Les_template/images/xs.png" alt="x logo"/>
</div>
<div id="menu">
<?php if($this->countModules('top_menu_module')) : ?>
<jdoc:include type="modules" name="top_menu_module" style="xhtml"/>
<?php else : ?>
<?php endif; ?>
</div>
CSS
#baner{
background-color:#f0f0f0;
height:86px;
border:0px;
}
#baner a img{
border-bottom:0px;
text-decoration:none;
font-size:0px;
}
#baner a {
border-bottom:0px;
text-decoration:none;
font-size:0px;
}
.inputbox{
color:#766969;
}
#menu{
background-color:#f0f0f0;
height:36px;
width:960px;
background:url(../images/menu_bg.png);
}
/*----------*/
/* Menu*/
#menu ul {
display: inline;
}
#menu ul li {
overflow: hidden;
float: left;
margin-top:0px;
list-style:none;
text-decoration:none;
margin-left:0px;
color:#000000;
margin-top:4px;
padding-left:12px;
font-size:1.0em;
font-weight: bold;
}
#menu ul li a {
display: block;
text-decoration:none;
padding-left:12px;
padding-right:12px;
padding-top:4px;
}
#menu ul li a:hover {
color:#ffffff;
}
#menu .active a{
color:#ffffff;
}