بک لینک

موضوع بسته شده است 
مشکل قطعه کد زیر(درفایرفاکس)
#1
باسلام
من موندم این قطعه کد زیر چرا در مرورگر فایرفاکس عکسی که توی div با ای دی nav میذارم می چسبه به سمت چپ را flaot هم به سمت راست  نمیاد هرچی هم کدهارو بررسی میکنم نمیدونم مشکل از کجاست به نظرشما مشکل از کجاست؟

کد:
<!DOCTYPE html>
<html>
<head>
    <title>name-blog | description-blog</title>
    <meta name="generator" content="Hsdn"/>
    <meta http-equive="ContentType" content="text/html;charset=utf-8">
    <meta http-equive="content-Language" content="fa">
    <meta name="description" content="description-blog">
    <meta name="keyword" content="keyword-blog ,hsdn">
    <link rel="alternate" type="application/rss+xml" title="blog-name" href="linkrss-blog>" />
    <link rel="stylesheet" type="text/css" href="Style.css">
    <styel type="text/css">
        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 {  
        font-size: 100%;
        font: inherit;
        vertical-align:baselinebaseline;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        }
        body{margin: 0;padding: 0;direction:rtl;}
        #wrapper{background: #E6E6E6;width: 100%;height: 800px;}
        #header{width: 100%;height: auto;}
        #nav{
            width: 100%;
            height:155px;
            background-image: url("images/ads.gif");
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            <a href="blog-url"><img  id="header" src="images/Bg-header.gif"/></a>
        </div>
        <div id="nav">
            <div id="ads"></div>
        </div>
        <div id="sidebar-right"></div>
        <div id="center"></div>
        <div id="last-content"></div>
        <div id="sidebar-left"></div>
        <div id="footer"></div>
    </div>
</body>
</html>

تابحال به همچین مشکلی بر نخوردم فقط هم در مرورگر فایرفاکس این مشکل وجود داره ودرمروگرهای دیگر به سادگی اجرا وبدون مشکل نمایش داده میشه
ممنون
#2
سلام
تو کد شما غلط املایی هست.
<style> رو نوشتید <styel>
flaot هم اشتباه است float درسته.
واقعاً عجیبه به خودمم توهین میکنم میگم بی کارم که 24 ساعته اینجا پلاسم پستم حذف میشه به نظرم بهتره دیگه فعالیت نکنم چون به ضرر انجمن هستم و فقط دارم محیط تجاری رو آموزشی اش میکنم که خب این یعنی اختشاش این محیط توسط بنده!!!
#3
(93-8-4، 07:13 عصر)HSG نوشته است: سلام
تو کد شما غلط املایی هست.
<style> رو نوشتید <styel>
flaot هم اشتباه است float درسته.
من از فایل استایل خارجی استفاده میکنم دراینجا بخاطر اینکه کمتر جابگیره تبدیل به داخلی کردم چون سریع نوشتم این غلط املایی موجود هست درفایلی که تست کردم از فایل خارجی گرفتم استایل ها رو پس به همین دلیل مشکل ازاین مورد نیست.درمورد float هم با حذف کردنش و یا درست نوشتنش دوباره همین مشکل موجود هست و مکانبندی درستی نداره.درضمن به این نکته هم توجه کنید که این مشکل تنها درمرورگر فایر فاکس موجود هست.
ممنون
#4
مشکل رو خودم پیدا کردم.
مشکل ازاینجاست که div اصلی که wrapper بود رابه درصد مقداردهی کردم بخاطرهمین چون مروگر فایرفاکسم زومش تنظیم نبود اونطوری نمایش میداد که انگار اون قسمت فقط کوچیکه با تغییراتی در مقدارهای %, px مشکل حل شد.
موضوع بسته شده است 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان