رفتن به مطلب

چسپیدن منو راست و قسمت مطالب به سمت راست در مرورگر اکسپلوره


پست های پیشنهاد شده

سلام دوستان من یه قالب طراحی کردم که همه چیزش درسته و در تمام مرورگرها بجز این ie لعنتی به خوبی نشون داده میشه البته مشگلی که با ie داره زیاد هاد نیست و فقط نمیدونم چرا قسمت ستون راست و محتوی میچسپه به سمت راست اومدم توی css مخصوص ie از margin:0px auto; استفاده کردم جواب نداد کلا کچل شدم اینقدر تست کردم ولی انگار نه انگار در ضمن من برای سازگاری با مرورگرها از تکنیک css reset استفاده میکنم کدهای css ؤو میزارم لطفا راهنمایی کنید تا همین مشگل کوچیکهم حل بشه بره پی کارش.

همه چیز در این دو عکس کاملا وضح هست:

http://www.up.vatand...ynodc9qvqjl.jpg

http://www.up.vatand...75iioeckksd.jpg

موفق باشید

@charset "utf-8";

/*

Theme Name:Apadana

Theme URI: http://zarmobile.ir

Description: free mobile software download for iranian

Author: reza kianoosh

Author URl:http://rkianoosh.ir

Version: 1.0

tags:دانلود نرم افزار موبایل جدید,دانلود نرم افزار جدید,دانلود جدیدترین برنامه های موبایل

*/

/* css reset */

html,body,div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

display: block;

}

body {

line-height: 1px;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

/* css reset */

body{

font:12px Tahoma, Geneva, sans-serif;

direction:rtl;

background:url(img/bg1.jpg) #999;

}

h1{

visibility:hidden;

}

h2{

font-family:'BMitra', Geneva, sans-serif;

font-size:24px;

}

h3{

font-family:'BElham', Geneva, sans-serif;

font-size:18px;

}

a{

text-decoration:none;

color:#000;

}

a:hover{

text-decoration:none;

color:#333;

text-shadow:1px 2px 4px #CCCCCC;

}

input{

font-family:Tahoma, Geneva, sans-serif;

font-size:12px;

height:30px;

text-align:right;

border:1px solid #999;

border-radius:5px;

-webkit-border-radius:5px;

-ms-border-radius:5px;

-moz-border-radius:5px;

background:#FFFFFF;

}

textarea {

width:400px;

height:150px;

background-color:#F4F4F4;

border-radius:5px;

-moz-border-radius:5px;

resize:none;

}

strong{font-weight:bold;}

@font-face {

font-family: 'BMitra';

src: url('font/bmitra.eot');

src: url('font/bmitra.eot?#iefix') format('embedded-opentype');

url('font/bmitra.woff') format('woff');

url('font/bmitra.ttf') format('truetype');

url('font/bmitra.svg#bmitra') format('svg');

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'BElham';

src: url('font/belham.eot');

src: url('font/belham.eot?#iefix') format('embedded-opentype'),

url('font/belham.woff') format('woff'),

url('font/belham.ttf') format('truetype'),

url('font/belham.svg#byekan') format('svg');

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'BYekan';

src: url('font/byekan.eot');

src: url('font/byekan.eot?#iefix') format('embedded-opentype'),

url('font/byekan.woff') format('woff'),

url('font/byekan.ttf') format('truetype'),

url('font/byekan.svg#byekan') format('svg');

font-weight: normal;

font-style: normal;

}

#main{

width:870px;

height:auto;

margin:0px auto;

}

#header{

z-index:999;

background-color:#F60;

border-bottom:2px solid #666;

width:100%;

height:45px;

padding:0px;

margin:0px;

left:0px;

top:0px;

position:fixed;

}

#header1{

}

#menu{

font-family:'BYekan',Tahoma, sans-serif;

position:relative;

direction:rtl;

width:auto;

height:30px;

font-size:12px;

color:#000000;

margin:5px 100px 0px 0px;

}

#menu ul{

list-style-type:none;

}

#menu ul li{

float:right;

position:relative;

}

#menu ul li a{

text-align:center;

display:block;

text-decoration:none;

color:#000;

padding:10px 15px 10px 10px;

}

#menu ul li a:hover{

text-decoration:none;

border:1px solid #930;

background-color:#CC0000;

border-radius:10px;

-moz-border-radius:10px;

-ms-border-radius:10px;

-webkit-border-radius:10px;

}

#menu ul li ul{

display:none;

}

#menu ul li:hover ul{

display:block;

position:absolute;

padding:0px;

}

#menu ul li:hover ul li a {

display:block;

background-color:#CCC;

width:140px;

text-align:center;

}

#menu ul li:hover ul li a:hover {

background-color:#CC0000;

border-bottom:2px solid #666;

color:#000000;

}

#nav{

font-family:'BYekan', Tahoma, sans-serif;

font-size:14px;

direction:rtl;

width:870px;

height:30px;

background-color:#FFF;

margin:2px 0px;

padding-top:10px;

}

#nav ul{

text-decoration:none;

list-style-type:none;

}

#nav li{

display:inline;

}

#nav li a{

color:#000;

padding:5px;

}

#nav li a:hover{

background-color:#F60;

padding:8px 5px 5px 5px;

}

.sg{

direction:ltr;

padding:0px 0px 0px 15px;

margin:0px;

}

.sg img{

padding-right:5px;

}

.sg img:hover{

border:1px solid #F60;

border-radius:5px;

-webkit-border-radius:5px;

-ms-border-radius:5px;

-moz-border-radius:5px;

-o-border-radius:5px;

}

.search{

width:550px;

height:40px;

line-height:17px;

border:1px solid #CCC;

margin:5px 5px;

padding:20px 20px;

}

#s{

width:400px;

background:url(img/keyboard.png) no-repeat left;

margin-left:10px;

}

#searchsubmit{

background:url(img/Search.png) #06F no-repeat center;

padding:0px 30px;

}

.warp{

width:600px;

height:auto;

background:#FFFFFF;

float:left;

margin-bottom:10px;

border:1px solid #999;

border-radius:3px;

-moz-border-radius:3px;

-ms-border-radius:3px;

-o-border-radius:3px;

-webkit-border-radius:3px;

}

.sidebar{

width:250px;

height:auto;

float:right;

padding:0px;

margin:0px;

}

.right-content{

width:250px;

height:auto;

direction:rtl;

background-color:#FFF;

margin-bottom:10px;

border-radius:5px;

-moz-border-radius:5px;

-ms-border-radius:5px;

-o-border-radius:5px;

-webkit-border-radius:5px;

}

.right-title{

width:230px;

height:30px;

text-align:right;

padding:0px 10px 0px 0px;

margin:0px;

border-bottom:1px solid #999;

}

.sidebar-content ul{

list-style-type:none;

padding:0px 0px 5px 0px;

margin:0px;

}

.sidebar-content li{

background:url(img/ld-bullet.png) no-repeat right 12px;

padding-right:15px;

line-height:25px;

}

.sidebar-content li a{

color:#000;

}

.sidebar-content li:hover{

background-color:#F30;

height:auto;

line-height:25px;

}

.content{

width:590px;

height:auto;

direction:rtl;

line-height:17px;

margin:0px;

padding:10px 5px 10px 0px;

}

.post-title{

height:auto;

padding:10px 0px 10px 0px;

}

.post{

font-family:Tahoma, Geneva, sans-serif;

font-size:12px;

width:584px;

height:auto;

padding:5px 3px 5px 3px;

border-bottom:1px solid #666;

}

.post img{

padding:20px 0px;

}

.post-info{

list-style-type:none;

padding:5px 0px 10px 0px;

}

.post-info li{

display:inline;

padding-left:80px;

}

.category{

background:url(img/category-icon.png) no-repeat right;

padding:0px 22px 5px 0px;

}

.post-footer{

list-style-type:none;

}

.post-footer li{

display:inline;

padding-left:40px;

}

.writer{

background:url(img/author.png) no-repeat right;

padding-right:22px;

}

.date{

background:url(img/date-button.gif) no-repeat right;

padding-right:16px;

}

.post-comment{

background:url(img/comment.png) no-repeat right;

padding-right:16px;

}

.more{

padding:5px 5px 5px 0px;

font-weight:bold;

}

.tags{

background:url(img/tags.jpg) no-repeat right top;

width:580px;

height:auto;

border:1px solid #999;

margin:5px 0px 5px 0px;

text-align:right;

border-radius:5px;

-moz-border-radius:5px;

-ms-border-radius:5px;

-webkit-border-radius:5px;

}

.pages-title{

text-align:center;

}

#wp_page_numbers{

width:570px;

height:auto;

margin:10px 10px;

direction:rtl;

}

#wp_page_numbers ul{

list-style-type:none;

}

#wp_page_numbers li{

display:inline;

}

#wp_page_numbers li a{

text-decoration:none;

border:1px solid #999;

padding:3px 5px;

border-radius:3px;

-moz-border-radius:3px;

-ms-border-radius:3px;

-webkit-border-radius:3px;

}

#wp_page_numbers li a:hover{

background-color:#F60;

}

.footer{

width:100%;

height:auto;

direction:rtl;

clear:both;

background-color:#FFFFFF;

border-top:2px solid #666;

left:0px;

top:0px;

}

.footer-tilte{

text-align:right;

width:320px;

height:40px;

margin-right:10px;

padding-top:10px;

border-bottom:1px #CCC solid;

}

.most-view{

width:480px;

height:auto;

direction:rtl;

float:right;

margin:2px 280px 5px 0px;

}

.most-view ul{

list-style-type:none;

}

.most-view li{

list-style-type:square;

color:#F00;

margin:5px 20px 8px 0px;

}

.most-view li a{

color:#000000;

}

.most-view li a:hover{

font-weight:bold;

}

.random-download{

width:480px;

height:auto;

direction:rtl;

float:left;

margin:2px 0px 5px 50px;

}

.random-download ul{

list-style-type:none;

}

.random-download li{

list-style-type:square;

color:#F00;

margin:5px 20px 8px 0px;

}

.random-download li a{

color:#000000;

}

.random-download li a:hover{

font-weight:bold;

}

.copy-right{

color:#000;

text-align:center;

margin-top:auto;

clear:both;

padding:30px 0px 20px 0px;

}

.comment-body {

font:12px Tahoma, Geneva, sans-serif;

background-color:#F4F4F4;

line-height:18px;

direction:rtl;

padding:5px;

margin-bottom:5px;

}

.reply{

width:60px;

height:20px;

border:1px solid #F60;

background-color:#CCC;

padding:2px;

margin-right:500px;

border-radius:2px;

-moz-border-radius:2px;

-ms-border-radius:2px;

-webkit-border-radius:2px;

}

.loged-in {

font:12px Tahoma, Geneva, sans-serif;

direction:rtl;

margin-bottom:20px;

}

ul.children {

padding:5px 0px;

}

#respond {

font:12px Tahoma, Geneva, sans-serif;

direction:rtl;

margin-bottom:20px;

}

.fild input{

width:200px;

background-color:#F4F4F4;

margin-top:2px;

margin-bottom:2px;

border-radius:5px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

}

.gplus{

direction:rtl;

border:1px solid #FF0000;

z-index: 500;

color:#000;

font-size:11px;

line-height:20px;

padding:5px;

border-top-right-radius:8px;

border-top-left-radius:8px;

text-align:center;

font-size:8pt;

position:fixed;

left:10px;

bottom:10px;

background-color:#F60;

font-family:tahoma;

}

لینک به ارسال

سلام

بهترین راه :

در داخل body همه کدها رو توی یک div جدید بریزید و به این div این کد رو بدید:


width: 900px; به عرض موردنظرتون تغییر بدید
margin: 0 auto;

مشکلتون حل میشه.

لینک به ارسال

اگر آنلاین می‌بود راحتتر میشد راهنمایی کرد

با فایل استایل نمیشه کاری کرد

روشی که مرتضی گفت در قالب شما قبلا پیاده سازی شده


#main{
width:870px;
height:auto;
margin:0px auto;
}

لینک به ارسال

سلام

با پارسای گرامی و مرتضی عزیز موافقم سورس کد کامل یکی از صفحات مشکل دار حداقل نیازه ولی شاید اصلاح زیر هم مفید باشه


#main{
width:870px;
height:auto;
margin:0px auto;
clear:both
}
<!--[if IE]
#main{position:relative;zoom:1}
<![endif]-->

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...