Download & Extend
Tabbed Block » Issues

IE : content area displays behind the tabbs

Posted by Bedestenlioglu on March 31, 2008 at 7:57pm
Project:Tabbed Block
Version:5.x-1.2
Component:Code
Category:support request
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

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

Login or register to post comments

Comments

#1

Posted by joetsuihk on April 1, 2008 at 3:31am

css problem?

you use
position:absolute?

#2

Posted by Bedestenlioglu on April 1, 2008 at 5:26am

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

#3

Posted by joetsuihk on April 1, 2008 at 5:34am

what theme are you using?

#4

Posted by Bedestenlioglu on April 1, 2008 at 1:25pm

A custom theme based on Aberdeen ..

#5

Posted by joetsuihk on April 1, 2008 at 1:29pm

i see.

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

#6

Posted by Bedestenlioglu on April 1, 2008 at 7:44pm

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

<?php
print $block->subject;
?>

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

#7

Posted by joetsuihk on April 2, 2008 at 4:13am

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

#8

Posted by joetsuihk on April 2, 2008 at 6:52am

i get the url
tabs width?
obviously css problem

#9

Posted by Bedestenlioglu on April 2, 2008 at 7:01am

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 ?

#10

Posted by joetsuihk on April 2, 2008 at 7:12am

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

#11

Posted by Bedestenlioglu on April 2, 2008 at 8:49am

ahh.. did not work ...