1. Home
  2. Forums Index
  3. Browser Side / CSS 3:59 am May 22, 2026

Forum Moderators: not2easy

Message Too Old, No Replies

specific prob css ie6 display block

ie6 display block

         

monclee

5:55 pm on Apr 11, 2008 (gmt 0)

10+ Year Member



Sorry maybe for some of you this is easy , if found a couple of answers in the forum about this topic, the problem is i have tried all of them and i didnt seem to understand the problem, Maybe i missing something else, thnks in advance i give you the code i know its affecting my menu, thanks.

I need this code to work on ie6 but i cant, =( some ideas? 


div.menu {width: 800px; height: 33px; overflow: hidden; background: url(../images/inner-menu-bg.gif); margin-left:10px;}
div.mout{height: 36px; background: url(../images/inner-menu-mout-bg.gif); margin-bottom: 11px;}
  div.menu ul{padding: 3px 0 0 14px;}
    div.menu ul li{float: left; display: block; height: 30px; padding-left: 2px; text-align: center;}
    div.menu ul li a{color: #FFF; text-decoration: none; display: block; height: 30px; line-height: 26px; overflow: hidden; background: url(../images/inner-menu-right-bg.gif) no-repeat 100% 0; padding: 0 5px 0 3px; position: relative; margin-right: -2px;}
    div.menu ul li a:hover, div.menu ul li.active a{background-position: 100% -30px;}

SuzyUK

6:29 pm on Apr 11, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hiya monclee, and Welcome to WebmasterWorld!

what's not working?, maybe some HTML to go with that CSS with a small description about what you'd like to see?

-Suzy

monclee

4:10 am on Apr 12, 2008 (gmt 0)

10+ Year Member



Well this is my html, in ff, and ie7 everything looks great, but in ie6 the menu is hidden, and well it looks terrible , i have been reading and i thing it has to be something with the display block function on ie6, thanks. I leave you also the part of css that affects that. 

<div id="main">
<div class="box-m" style="background-image: none;"><div class="tl-m"><div class="tr-m"><div class="bl-m"><div class="br-m" style="padding: 0px;">
<div class="menu">
<ul>
<!-- begin_menu_home --><li><a href="{url_main}home.php">{l_menu_home}</a></li><!-- end_menu_home -->
<!-- begin_menu_home_active --><li class="active"><a href="{url_main}home.php">{l_menu_home}</a></li><!-- end_menu_home_active -->
<!-- begin_menu_city --><li><a href="{url_main}city.php">{l_menu_city}</a></li><!-- end_menu_city -->
<!-- begin_menu_city_active --><li class="active"><a href="{url_main}city.php">{l_menu_city}</a></li><!-- end_menu_city_active -->
<!-- begin_menu_users --><li><a href="{url_main}users_online.php">{l_menu_whos_online}</a></li><!-- end_menu_users -->
<!-- begin_menu_users_active --><li class="active"><a href="{url_main}users_online.php">{l_menu_whos_online}</a></li><!-- end_menu_users_active -->
<!-- begin_menu_search --><li><a href="{url_main}search.php">{l_menu_search}</a></li><!-- end_menu_search -->
<!-- begin_menu_search_active --><li class="active"><a href="{url_main}search.php">{l_menu_search}</a></li><!-- end_menu_search_active -->
<!-- begin_menu_users_hon --><li><a href="{url_main}users_hon.php">{l_menu_rating}</a></li><!-- end_menu_users_hon -->
<!-- begin_menu_users_hon_active --><li class="active"><a href="{url_main}users_hon.php">{l_menu_rating}</a></li><!-- end_menu_users_hon_active -->
<!-- begin_menu_top5 --><li><a href="{url_main}top5.php">{l_menu_top5}</a></li><!-- end_menu_top5 -->
<!-- begin_menu_top5_active --><li class="active"><a href="{url_main}top5.php">{l_menu_top5}</a></li><!-- end_menu_top5_active -->
<!-- begin_menu_upgrade_active --><li class="active"><a href="{url_main}upgrade.php">{l_menu_upgrade}</a></li><!-- end_menu_upgrade_active -->
</ul>
</div>
<div class="personal-st">
<ul>
       <!-- begin_auth_info -->
<li>{l_info_mail}: <a href="{url_main}mail.php">{new_mails}</a></li>
<li>{l_info_interests}: <a href="{url_main}mail_whos_interest.php">{new_interest}</a></li>
<li>{l_info_online}: <a href="{url_main}users_online.php">{users_online}</a></li>
<!--<li>{l_info_viewed}: <a href="{url_main}users_viewed_me.php">{users_view_new}</a></li>-->
       <!-- end_auth_info -->
<li><img src="{url_tmpl_main}images/camera.png" style="behavior: url('./_server/design/pngbehavior.htc');" align="absmiddle" alt=""> <a href="{url_main}profile_photo.php" style="font-weight: normal">{l_your_photos}</a></li>
<li><img src="{url_tmpl_main}images/appearance.png" style="behavior: url('./_server/design/pngbehavior.htc');" align="absmiddle" alt=""> <a href="{url_main}gallery_admin.php" style="font-weight: normal">{l_your_gallery}</a></li>
<li><img src="{url_tmpl_main}images/my_clips.png" style="behavior: url('./_server/design/pngbehavior.htc');" align="absmiddle" alt=""> <a href="{url_main}profile_video_edit.php" style="font-weight: normal">{l_your_video}</a></li>
</ul>
</div>
<div class="main_bgrnd_padding">

CSS 


.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#cont{
text-align: left;
margin: 56px auto;
width: 826px;
position: relative;
background-color: #FFFFFF;
background-image: url(../images/html-bg.png);
background-position: 0 -50px;
background-repeat: repeat-x;
}
#header{
height: 150px;
background-color: transparent;
background-image: url(../images/topbar.gif);
background-repeat: no-repeat;
background-position: center center;
}
#header img{ position: relative; top: 65px; left: 60px; }
#nav, #main{
margin: 0 5px 0 5px;
}
#nav{ background: transparent; height: 35px; background-image: url(../images/topbarneg.gif);}
#nav ul{ float: left; position: relative; top: 13px; left: 22px; }
html>body #nav ul{ width: 261px; }
#nav li{ float: left; display: inline; margin-right: 15px; }
#nav li a{ display: block; overflow: hidden; padding-top: 10px; height: 0 !important; height /**/: 10px; background-position: 0 0; }
#nav-1 a{ background-image: url(../images/nav-1.gif); width: 53px; }
#nav-2 a{ background-image: url(../images/nav-2.gif); width: 110px; }
#nav-3 a{ background-image: url(../images/nav-3.gif); width: 53px; }
#main{
padding: 0px 0px 0px 0px;
}
/*******************************************
 * NAVIGATIONS
 *******************************************/
.nav      {font-size: 7pt; font-family: Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #FF5F43; height: 23px; border: solid 1px #EE8717; border-right: solid 1px #F02D16;}
.nav_title     {font-size: 7pt; font-family: Verdana; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #FF5F43;}
.nav_button     {font-size: 7pt; font-family: Verdana; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.nav_selected    {font-size: 7pt; font-family: Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #CF1D01; height: 23px; border: solid 1px #F02D16;}
.nav_upgrade    {font-size: 7pt; font-family: Verdana; text-transform: uppercase; color: #FFFFFF; font-weight: bold; background-color: #D30057; height: 23px; border: solid 1px #D10000;}
/*******************************************
 * BACKGROUNDS AND BORDERS
 *******************************************/
.banner_bgrnd    {background-color: #F4F6F9; border: solid 1px #D8BFBC; padding-top: 7px; padding-bottom: 7px; width: 757px; }
.body_logout    {background-color: #F4F6F9; border: solid 1px #D8BFBC; border-top: solid 1px #F4F6F9; width: 625px; padding-top: 8px; position: relative; }
.completion_bar    {background-color: #FFFFFF; border: solid 1px #7F7F7F; padding: 1px; width: 130px; }
.content_bgrnd    {background-color: #FFFFFF; border: solid 1px #F1F5FF; border-right: solid 2px #B7B7B7; border-bottom: solid 2px #B7B7B7; }
.content_bgrnd_2   {background-color: #F1F5FF; border: solid 1px #F1F5FF; }
.content_bgrnd_3   {background-color: #FFFFFF; border: solid 1px #F1F5FF; padding: 7px; text-align: left; color: #2B5475;}
.content_bgrnd_3_off  {background-color: #F6F7F9; border: none; padding: 7px; text-align: left;}
.credit_bgrnd    {background-color: #F5F7F9; border: solid 1px #E3E5E6; }
.img_lrg_border    {border: solid 1px #4B6E8A;}
.img_med_border    {background-color: #D0DAE3; border: solid 1px #4B6E8A; width: 126px; height: 140px; text-align: center;}
.img_sml_border    {background-color: #D0DAE3; border: solid 1px #4B6E8A; width: 90px; height: 100px; text-align: center;}
.keyline     {background-color: #E5E5E5;}
.main_bgrnd_padding   {
min-height:400px;
background-color: #ECF6FF;
border: solid 1px #D8BFBC;
border-top: none;
padding-top: 2px;
padding-bottom: 5px;
padding-left: 13px;
padding-right: -3px;
position: relative;
width: auto;
}
.searchprof_bgrnd   {background-color: #F6F7F9; border: solid 1px #CCCCCC; border-bottom: none; padding-top: 8px; padding-bottom: 8px; width: 527px; }
.sec_bgrnd     {background-color: #86A2B8;}
.ter_bgrnd     {background-color: #8f0100;}
.main_bgrnd     {background-color: #F4F6F9; border: solid 1px #C4C9D3; }
.flat_border    {border: solid 1px #7D97B0; margin-left: 4px; padding-left: 4px; }
.folderbullet    {background-image: url(/images/bullet_body.gif);}
.fullprof_bot_border  {border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; width: 536px; padding-top: 22px; padding-bottom: 12px; }
.fullprof_top_border  {border-top: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; width: 408px; padding-left: 16px; }
/*******************************************
 * LAYOUT TAGS
 *******************************************/
.content   {padding-bottom: 8px;}
.contentpad   {padding: 8px;}
.absolute   {position: absolute;}
.titleid   {position: relative; left: 21px;}
.fullprof   {width: 536px;}
.profcontent  {padding-left: 26px; padding-right: 26px; text-align: left; padding-bottom: 8px;}
.advsearch   {width: 660px; text-align: left;}
.searchbut   {width: 527px; text-align: left;}
.view_link   {font-size: 8pt; font-family: Arial; color: #666666; font-weight: normal; text-decoration: underline;}
.view_link:hover {font-size: 8pt; font-family: Arial; color: #666666; font-weight: normal; text-decoration: none;}
.photo_content  {border: solid 1px #E4E5E7; border-top: none; background-color: #F6F7F9; padding-top: 15px; padding-bottom: 15px;}
.narrow_search  {border: solid 1px #E4E5E7; background-color: #F6F7F9; padding: 15px;}
div.personal-st{width: 800px; height: 22px; overflow: hidden; background: url(../images/inner-personal-st.gif); margin-bottom: 10px; margin-left:10px;}
div.personal-st ul{padding: 4px 0 0 17px;}
div.personal-st ul li{float: left; display: inline; margin-right: 16px; font-weight: bold; color: #FFF;}
div.personal-st a{color: #FFF;}
div.menu{width: 800px; height: 33px; overflow: hidden; background: url(../images/inner-menu-bg.gif); margin-left:10px;}
div.mout{height: 36px; background: url(../images/inner-menu-mout-bg.gif); margin-bottom: 11px;}
  div.menu ul{padding: 3px 0 0 14px;}
    div.menu ul li{float: left; display: block; height: 30px; padding-left: 2px; text-align: center;}
    div.menu ul li a{color: #FFF; text-decoration: none; display: block; height: 30px; line-height: 26px; overflow: hidden; background: url(../images/inner-menu-right-bg.gif) no-repeat 100% 0; padding: 0 5px 0 3px; position: relative; margin-right: -2px;}
    div.menu ul li a:hover, div.menu ul li.active a{background-position: 100% -30px;}
    /*div.menu ul li.last{padding-right: 2px; background: url(../images/inner-menu-active-bg.gif) no-repeat 82px 0;}*/
#menu_top_right{color:#000;}
#menu_top_right a{color:#000;}
#menu {
z-index:1;
 position: absolute;
 top: 28px;
 left: -19px;
 width: 27px;
}
#menu li {
 width: 27px;
 float: left;
 display: inline;
 margin-bottom: 1px;
 zoom: 1;
}
#menu li img {display: block;}

monclee

7:20 pm on Apr 14, 2008 (gmt 0)

10+ Year Member



pls,i dont know wich codes are not read correctly by ie6, just give me that tip, and i will find it out, thanks, and sorry for my horrible english jaja, thanks.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

  1. Home
  2. Forums Index
  3. Browser Side / CSS 3:59 am May 22, 2026