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

joetsuihk’s picture

css problem?

you use
position:absolute?

Bedestenlioglu’s picture

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

joetsuihk’s picture

what theme are you using?

Bedestenlioglu’s picture

A custom theme based on Aberdeen ..

joetsuihk’s picture

i see.

i mean, do you use a different block.tpl.php as of garland's?

Bedestenlioglu’s picture

Here is what I have got in block.tpl.php

print $block->module .'-'. $block->delta; " class="block block- 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 ?

joetsuihk’s picture

can you post or email me a url?
there are so many possibility related to css and js.....

joetsuihk’s picture

i get the url
tabs width?
obviously css problem

Bedestenlioglu’s picture

Thanks 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 ?

joetsuihk’s picture

you may try setting width of
#block-tabbed_block-0 ul.tabs-nav li

Bedestenlioglu’s picture

ahh.. did not work ...