Active
Project:
Tabbed Block
Version:
5.x-1.2
Component:
Code
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
31 Mar 2008 at 19:57 UTC
Updated:
2 Apr 2008 at 08:49 UTC
Hi,
I'm displaying tabs on a page and they work great in FF. But, in IE the content area displays to the right as well as behind the tabs. The content area does not line up the same way it does in FF.
Any ideas?
Kind regards,
Selda
Comments
Comment #1
joetsuihk commentedcss problem?
you use
position:absolute?
Comment #2
Bedestenlioglu commentedthanks for quick response.. I did not see position:absolute in my css but in case is there any problem with css , the following is the part of css. Furthermore, I tested my page with Opera and Safari there I can not see part of tabbs.
/**
* front page rigth-sidebar tabbedBlocks.
*/
#block-tabbed_block-1.block, #block-tabbed_block-0.block{
background-color: #FFFFFF;
margin-bottom :30px;
padding:0px;
border:none;
}
body.front.sidebar-right .block-tabbed_block h2{
background-color:#FFFFFF;
padding:0px;
}
body.front.sidebar-right. block-tabbed_block .content{
border:none;
padding:0px;
margin:0px;
}
#block-tabbed_block-1 div.tabs-container{
margin-left:1px;
background:#FF7D00 url(images/hesapli.png) no-repeat 0% 0%;
}
#block-tabbed_block-1 div.tabs-container div.view-footer{
color:white;
}
#block-tabbed_block-0 div.tabs-container{
margin-left:1px;
background:#F9F8FA url(images/gozde.png) no-repeat 15px 10px;
border:1px solid #7D51B2;
}
#block-tabbed_block-1 table.anasayfa-table{
border:none;
}
#block-tabbed_block-1 div.view{
margin-left:100px;
padding-bottom:10px;
padding-bottom:10px;
margin-right:30px;
background-color:#FF7D00;
}
#block-tabbed_block-1 li {
background:transparent url(images/hesapli_tab.png) repeat scroll 0%;
display:block;
float:left;
margin:0pt 0pt 0pt 1px;
padding:0px;
}
#block-tabbed_block-1 li.tabs-selected{
background:transparent url(images/hesapli_tab_sel.png) repeat scroll 0%;
display:block;
float:left;
margin:0pt 0pt 0pt 1px;
padding:0px;
}
#block-tabbed_block-1 li a {
color:#ff7d00;
font-weight:bold;
}
#block-tabbed_block-1 li.tabs-selected a {
color:white;
font-weight:bold;
}
#block-tabbed_block-0 ul.tabs-nav li {
background:transparent url(images/gozde_tab.png) repeat scroll 0%;
display:block;
float:left;
margin:0pt 0pt 0pt 1px;
padding:0px;
}
#block-tabbed_block-0 ul.tabs-nav li.tabs-selected{
background:transparent url(images/gozde_tab_sel.png) repeat scroll 0%;
display:block;
float:left;
margin:0pt 0pt 0pt 1px;
padding:0px;
}
#block-tabbed_block-0 ul.tabs-nav li a {
color:#7D51B2;
font-weight:bold;
}
#block-tabbed_block-0 ul.tabs-nav li.tabs-selected a {
color:white;
font-weight:bold;
}
#block-tabbed_block-0 div.item-list {
margin-left:100px;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
}
#block-tabbed_block-0 div.item-list h3{
display:none;
}
#block-tabbed_block-0 div.item-list ul{
margin-top:0px;
padding-top:10px;
}
#block-tabbed_block-0 div.item-list ul li {
font-size:10px;
}
#block-tabbed_block-0 div.item-list ul li a,
#block-tabbed_block-0 div.item-list ul li a.visited{
color:#666666;
text-decoration:none;
}
#block-tabbed_block-0 div.item-list ul li a.hover{
color:#666666;
text-decoration:underline;
}
#block-tabbed_block-0 div.item-list ul li a.active{
color:#666666;
text-decoration:none;
}
Comment #3
joetsuihk commentedwhat theme are you using?
Comment #4
Bedestenlioglu commentedA custom theme based on Aberdeen ..
Comment #5
joetsuihk commentedi see.
i mean, do you use a different block.tpl.php as of garland's?
Comment #6
Bedestenlioglu commentedHere is what I have got in block.tpl.php
print $block->module">print $block->subject;print $block->content;This differs slightly from garland's block.tpl ..
I copied the garland's block.tpl to my theme and retested the site but nothing change..
Any other idea ?
Comment #7
joetsuihk commentedcan you post or email me a url?
there are so many possibility related to css and js.....
Comment #8
joetsuihk commentedi get the url
tabs width?
obviously css problem
Comment #9
Bedestenlioglu commentedThanks for prompt reply. Ok, it is css problem . But would you give a hint to correct this problem . Shall I change only the width of tabs ?
Comment #10
joetsuihk commentedyou may try setting width of
#block-tabbed_block-0 ul.tabs-nav li
Comment #11
Bedestenlioglu commentedahh.. did not work ...