ورود

View Full Version : سوال: مشکل css در ie 6


سميه اميني
چهارشنبه 03 اسفند 1390, 12:46 عصر
دوستان من یه منو دارم با این استایل


#navigation-menu .top-menu{
list-style:none;
float:right;
display:block;
padding: 23px 10px 22px 10px;
color:#FFF;
font-size:12px;
}



کلا این منو رو نشون نمیده ولی float:right رو که بر میدارم نشون میده البته به هم ریخته

چه کنم ؟
yones_safari
چهارشنبه 03 اسفند 1390, 13:01 عصر
کل منو رو قرار بده تا برات درست کنم.
سميه اميني
چهارشنبه 03 اسفند 1390, 13:19 عصر
<div id="navigation-menu">
<ul class="menu" id="menu">
<li><a href="index.php" class="top-menu <?php if($file=='index.php') echo 'selected'; else echo 'deactive'; ?>"><?php echo lang('menu_index');?></a></li>
<li><a href="#" class="top-menu pro"><?php echo lang('menu_products');?></a><?php menu_product();?></li>
<li><a href="support.php" class="top-menu <?php if($file=='support.php') echo 'selected'; else echo 'deactive'; ?>"><?php echo lang('menu_support');?></a></li>
<li><a href="gallery.php" class="top-menu <?php if($file=='gallery.php') echo 'selected'; else echo 'deactive'; ?>"><?php echo lang('menu_gallery');?></a></li>
<li><a href="about.php" class="top-menu <?php if($file=='about.php') echo 'selected'; else echo 'deactive'; ?>"><?php echo lang('menu_about');?></a></li>
<li><a href="contact.php" class="top-menu <?php if($file=='contact.php') echo 'selected'; else echo 'deactive'; ?>"><?php echo lang('menu_contact');?></a></li>
</ul>
</div>
سميه اميني
چهارشنبه 03 اسفند 1390, 13:25 عصر
#navigation-menu{
position: relative;
float:right;
width:55%;
height:100%;
margin-right: 20px;
}
#navigation-menu .top-menu{
list-style:none;
float:right;
display:block;
padding: 23px 10px 22px 10px;
color:#FFF;
font-size:12px;
}
#navigation-menu .selected {
}
/*----------------navigation bar --------------*/
ul.menu a {text-decoration:none} /*menu item*/
ul.menu li {position:relative; float:right; margin-left:2px}/*menu item*/
ul.menu ul {position:absolute; top:60px; right:0; background:#b53335; display:none; opacity:0; list-style:none ;} /*level 1*/
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0;height:30px;}/*level 1 item*/
ul.menu ul li a {display:block;padding-right:7px; background-color:#b53335; width:128px;color:#fff;width: 141px;height: 30px;line-height: .8cm;}/*level 1 a*/
ul.menu ul li a:hover {background-color:#a52927}
ul.menu ul ul {right:148px; top:-1px}/*level 2*/
ul.menu .sub {background:#b53335 url(../images/arrow.gif) 10px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/*----------------------end navigation bar---------------*/
yones_safari
چهارشنبه 03 اسفند 1390, 17:48 عصر
درود.
عزیزم ببین IE یکم گیجه باید همه چی رو بهش توضیح بدی:لبخند:.و اما مشکل شما:
شما اومدی به div ، طول 55% دادی حالا توش اومدی به li اندازه مشخص نکردی و li اندازه رو از div به ارث برده.
83171
حالا من میام به li مثلا طول 20px ومیدم اینطوری میشه:
83172
در ضمن اگه بخوای منو افقی باشه باید برای li دستور زیر رو بنویسی:

display: inline;
و برای منوی عمودی:

display: block
و باید به این نکته هم اشاره کنم که خیلی پیچیوندی استایل و تگها رو مثلا اومدی برای همشون پوزیشن تعریف کردی که اصلا کاربردی فکر نمیکنم در ساخت منو داشته باشه..برای ساخت پیچیده ترین منوها هم نیاز به این همه تگ و استایل نیست.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="yones" />

<title>Untitled 1</title>
</head>
<style type="text/css">
body{
background-color: black;
}
#navigation-menu{
float: right;
width:55%;
margin-right: 20px;
}
#navigation-menu .top-menu{
list-style:none;
float:right;
display:block;
padding: 23px 10px 22px 10px;
color:#FFF;
font-size:12px;
}
#navigation-menu .selected {
}
/*----------------navigation bar --------------*/
.menu a {text-decoration:none} /*menu item*/
.menu li {float:right; margin-left:2px; display: block;width: 20px; background-color: red;}/*menu item*/
.menu ul {top:60px; right:0; background:#b53335;list-style:none ;} /*level 1*/
.menu ul li {border:1px solid #aaa; border-top:none; width:148px; margin:0;height:30px;}/*level 1 item*/
.menu ul li a {display:block;padding-right:7px; background-color:#b53335; width:128px;color:#fff;width: 141px;height: 30px;line-height: .8cm;}/*level 1 a*/
.menu ul li a:hover {background-color:#a52927}
.menu ul ul {right:148px; top:-1px}/*level 2*/
.menu .sub {background:#b53335 url(../images/arrow.gif) 10px 8px no-repeat}
.menu .topline {border-top:1px solid #aaa}
/*----------------------end navigation bar---------------*/
</style>
<body>
<div id="navigation-menu">
<ul class="menu" id="menu">
<li><a href="index.php" class="top-menu">asdasdsad</a></li>
<li><a href="#" class="top-menu pro">sdsadas</a></li>
<li><a href="support.php" class="top-menu">sdsads</a></li>
<li><a href="gallery.php" class="top-menu">sadsad</a></li>
<li><a href="about.php" class="top-menu">asdsd</a></li>
<li><a href="contact.php" class="top-menu">sdsa</a></li>
</ul>
</div>


</body>
</html>
موفق باشید.
blackcats
پنج شنبه 04 اسفند 1390, 23:15 عصر
کلا IE بخصوص IE6 ئر این موارد خیلی گیج و ادیت می کنه
yones_safari
پنج شنبه 04 اسفند 1390, 23:45 عصر
کلا IE بخصوص IE6 ئر این موارد خیلی گیج و ادیت می کنه
اگه یکم باهاش کار کنی میتونی رامش کنی.البته زمان و حوصله میخواد که بیشتر افراد ندارن.
موفق باشید.
سميه اميني
شنبه 06 اسفند 1390, 10:43 صبح
این کدی که دادین هم درست کار نمی کنه
سميه اميني
شنبه 06 اسفند 1390, 11:16 صبح
اگه یکم باهاش کار کنی میتونی رامش کنی.البته زمان و حوصله میخواد که بیشتر افراد ندارن.
موفق باشید.

من نمی تونم براتون پ خ بفرستم
امکانش هست فایلامو بدم یه نگا بهش بندازین ؟
yones_safari
شنبه 06 اسفند 1390, 12:07 عصر
من نمی تونم براتون پ خ بفرستم
امکانش هست فایلامو بدم یه نگا بهش بندازین ؟
4 تا پ خ اومدن!باشه اشکالی نداره بفرستین.اعلان باید برم کلاس شب میام درستش میکنم.
موفق باشید.
سميه اميني
شنبه 06 اسفند 1390, 12:23 عصر
4 تا پ خ اومدن!باشه اشکالی نداره بفرستین.اعلان باید برم کلاس شب میام درستش میکنم.
موفق باشید.
:دی
پس چرا نشون نمیده ارسال شده
چشم ممنون
سميه اميني
شنبه 06 اسفند 1390, 12:27 عصر
جناب صفری لطف میکنین ایمیل تون رو بدین
yones_safari
شنبه 06 اسفند 1390, 20:06 عصر
جناب صفری لطف میکنین ایمیل تون رو بدین
عزیزم قالب html رو بفرست.این رو من بخوام ویرایش کنم یه 3 ساعت زمان میبره.
موفق باشید.
سميه اميني
شنبه 06 اسفند 1390, 20:38 عصر
فایل هایی که فکر کنم لازمه
83300
yones_safari
شنبه 06 اسفند 1390, 21:30 عصر
عزیزم اینو به ایمیلم هم فرستاده بودی منظور من فایل html ای هست که با لورم ایپسوم(متن آزمایشی) پر شده و فاقد هر گونه تگ و کد اضافی هستش رو میگم.
موفق باشید.
سميه اميني
دوشنبه 08 اسفند 1390, 09:07 صبح
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
</head>
<body>
<div id="main">
<div id="top-bar">
<div id="navigation-menu">
<ul id="menu" class="menu">
<li><a href="index.php" class="top-menu">111111111111</a></li>
<li><a href="#" class="top-menu pro">222222222222</a>
<ul>
<li><a href="#">aaaaaa</a></li>
<li><a href="#">bbbbbbb</a>
<ul>
<li><a href="#">cccccc</a></li>
<li><a href="#">dddddd</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="support.php" class="top-menu">33333333</a></li>
<li><a href="gallery.php" class="top-menu">4444444</a></li>
<li><a href="about.php" class="top-menu">55555555</a></li>
<li><a href="contact.php" class="top-menu">6666666</a></li>
</ul>
</div>
</div> <!-- top bar-->
</div>
</body>
</html>



#main{
position: relative;
margin:0px auto;
margin-bottom:0;
width: 1013px;
}

/*------------------top-bar----------------*/
#top-bar *{z-index: 10;}
#top-bar
{
position: relative;
height:61px;
width:100%;
background: url(../images/top-menu.jpg) repeat-x;
}
#navigation-menu{
position: relative;
float:right;
width:55%;
height:100%;
margin-right: 20px;
}
#navigation-menu .top-menu {
list-style:none;
display:block;
float:right;
padding: 23px 10px 22px 10px;
color:#FFF;
font-size:12px;
}
#navigation-menu .selected {
background:url(../images/select-top-menu.jpg) repeat-x;
color:white;
}
/*----------------navigation bar --------------*/
ul.menu a {text-decoration:none} /*menu item*/
ul.menu li {position:relative; float:right; margin-left:2px}/*menu item*/
ul.menu ul {position:absolute; top:60px; right:0; background:#b53335; display:none; opacity:0; list-style:none ;} /*level 1*/
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0;height:30px;}/*level 1 item*/
ul.menu ul li a {display:block;padding-right:7px; background-color:#b53335; width:128px;color:#fff;width: 141px;height: 30px;line-height: .8cm;}/*level 1 a*/
ul.menu ul li a:hover {background-color:#a52927}
ul.menu ul ul {right:148px; top:-1px}/*level 2*/
ul.menu .sub {background:#b53335 url(../images/arrow.gif) 10px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/*----------------------end navigation bar---------------*/
سميه اميني
دوشنبه 08 اسفند 1390, 09:20 صبح
یه سوال دیگه هم اینکه با اپرا لوکال باز میشه اما روی هاست نه . فایل ها هم که یکی اند. دلیلش چیه؟