Welcome Guest, Not a member yet? Register   Sign In
Layout not FIX in IE6
#1

[eluser]tashigiri[/eluser]
Hello everyone..
had anyone know how to fix this..
i got some confuse layout in IE6, everthing except IE6 run well..

here the example :

1. http://i521.photobucket.com/albums/w334/tashigiri/x.png

and when mouseover the layout become well like this :
2. http://i521.photobucket.com/albums/w334/tashigiri/y.png

have anyone know how to solve this, so when page loaded, the layout shuld be like in the no.2

Thanks,

andrian
#2

[eluser]Crimp[/eluser]
Suggestion: The double margin bug? Try using padding instead of margins on floated elements, alternatively apply padding to the containing element.
#3

[eluser]Zeeshan Rasool[/eluser]
Crimp said right , this can be issue, Although may be you are giving some extra padding or margin on hover class. Check the hover class and also check that you r not hover on multiple nested elements.
#4

[eluser]tashigiri[/eluser]
Thanks for reply, but im still stack.
the code template like this :
Code:
<div id="tabContainer">
    <div id="tabMenu">
        <ul class="menu">
            <li><a href="ggi_quote" class="active"><span style="margin-right:5px;width:129px!important;width:124px">GGI Member Quote</span></a></li>
            <li><a href="login"><span style="width:96px;">Login</span></a></li>                                                        
        </ul>
    </div>
</div>

and the CSS like this :
Code:
#tabContainer{
width:230px;
position:relative;
}

#tabMenu{
position:relative;
height:22px;
font-weight:bold;
}

.menu, .menu_mess{
    margin:0 auto!important;
    padding:0!important;
    height:22px;
    width:100%;
    display:block!important;  
    font-weight:bold}
.menu li, .menu_mess li{
    padding:0;
    margin:0;
    list-style:none;
    display:inline}
.menu li a, .menu_mess li a{
    float:left;
    display:block;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    font:12px Arial, Helvetica, sans-serif;
    cursor:pointer}
.menu li a span, .menu_mess li a span{
    line-height:22px;
    float:left;
    text-align:center;
    font-weight:bold;
    color:#fff;
    display:block;
    background:url('../images/btn_blank.jpg') 100% -22px repeat-x;}
.menu li a:hover, .menu_mess li a:hover{
    background-position:0px -60px;
    color:#64B809;
    font-weight:bold;}
.menu li a:hover span, .menu_mess li a:hover span{
    background-position:100% -60px;
    background-color:#fff;color:#64B809;}
.menu li a.active, .menu li a.active:hover, .menu_mess li a.active:hover{
    line-height:22px;
    background-color:#FFFFFF;
    font:12px Arial, Helvetica, sans-serif;
    background:url('../images/btn_blank.jpg') 0px -90px no-repeat;}
.menu li a.active span, .menu li a.active:hover span{
    background:url('../images/btn_blank.jpg') 100% -90px no-repeat;
    color:#64B809;background-color:#FFFFFF;}
.menu_mess li a.active span, .menu_mess li a.active:hover span{
    background:url('../images/btn_blank.jpg') 100% -90px no-repeat;
    color:#64B809;background-color:#D9D9D9;}




Theme © iAndrew 2016 - Forum software by © MyBB