تفاوت بین 3 مرورگر در لیست و بلوک

ehsan-ets

Member
این آدرس رو ببینین: (البته خواهشا جایی نقل قول نکنین چون از بین خواهد رفت)
کد:
http://boomobar.com/hafez/post.php
توی مرورگر FireFox سمت راست کاملا درست نشون داده می شه
اما توی اپرا بخش آخرین ارسالی های انجمنش مشکل داره (از چپ ست می شه)
و اما در IE اصحاب قلم + مطالب اتفاقی مشکل دار می شن.
برای رفع این مشکلات چه باید کرد؟ و اینکه اصلا مربوط به چی هستن؟

پیشاپیش از راهنماییتون ممنون
 

ehsan-ets

Member
من با IE 7 می بینم این شکلی می شه:
2afjx35.gif

که وقتی روی اصحاب قلم می ریم باید مثل بالایی هاش بشه اما نمی شه و اینکه نباید رنگ پس زمینش اینجوری باشه.
2dag11c.gif

هم که می خوام اول خط ها فاصله نداشته باشن.
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
HTML:
.rbStyle {
	background-image: url('http://boomobar.com/hafez/images/boomobar_adabiat_rbbg.gif');
	background-repeat:repeat-y;
}
.rtbStyle {
	background-image: url('http://boomobar.com/hafez/images/boomobar_adabiat_rbtbg.gif');
	background-repeat:repeat-x;
}
.rtbpStyle {
	direction: ltr;
}
.rtbcStyle{
	padding-right:10px;
	padding-left:10px;
	padding-top:20px;
}
.rbcStyle{
	padding-right:10px;
	padding-left:25px;
list-style:none;
}
/* Menu Begin */
.rbcStyle li{
	border-top:1px solid maroon;
}
.rbcStyle li a{
	display:block;
	padding: 1px 5px 1px .5em;
	text-decoration:none;
}
.rbcStyle li a:hover{
	background-color:#F7DDCC;
	font-weight:bold;
	border-right:1px solid maroon;
	border-left:1px solid maroon;
}
/*------------------------------*/
.rbcStyle li li{
	border-top:1px solid maroon;
}
.rbcStyle li li a{
	display:block;
	border-right:5px solid maroon;
	padding: 1px 15px 1px .5em;
	text-decoration:none;
}
.rbcStyle li li a:hover{
	background-color:#F7DDCC;
	font-weight:bold;
	border-right:5px solid maroon;
	border-left:1px solid maroon;
}
/*------------------------------*/
.rbcStyle ul li{
	position:relative;
}
.rbcStyle li ul{
	position:absolute;
	right:234px;
	width:200px;
	top:-1px;
	border-left:1px solid maroon;
	border-bottom:1px solid maroon;
	display:none;
}
.rbcStyle ul li:hover ul{
	background-color:#ECB18A;
	display:block;
}
به نظر شما زیاده روی نکردی؟
می تونی کدت رو تفسیر کنی؟
بهتر نیست از ابتدا فقط برای منو یک CSS بنويسي؟
 

ehsan-ets

Member
راستش متوجه نشدم
خوب این فایل css برای کل سایت استفاده می شه.
شامل بخش های دیگه هم هست. نباید این طور باشه؟

من ابتدا یه فایل reset رو گذاشتم و بعد بخش هایی که نیاز داشتم رو انجام دادم. چیزهایی که برای منو هست بین 2تگ توضیح شروع و پایان منو گذاشتم.
الان بهترین کار و البته با نتیجه و درست چیه؟

(من تازه کارم اگر سوالام زیادی مبتدیه ببخشید)
 

جدیدترین ارسال ها

بالا