it-swarm.asia

إدخال المحتوى في FF & Opera

حصلت على نموذج "تسجيل مستخدم لموقع الويب" على موقعي. يبدو جيدًا في جميع المتصفحات باستثناء Opera و FF .. حاولت عرض صور عبر html حتى تتمكن من رؤية ما أقصده ، لكنني لا أستطيع بدون 10 منشورات ، ولا يمكنني نشر رابط واحد ، وهكذا. .

هنا هو واحد الموافقة المسبقة عن علم والشرح ->
http://img183.imageshack.us/img183/4903/45825110.jpg

لاحظ التباعد العمودي بين مربعات الإدخال ...

كيف أجعلها تبدو متشابهة في جميع المتصفحات؟

شكرا مقدما على الأنصار .. أندريه

راجع للشغل: لم أستخدم أي إعادة تعيين المغلق على صفحتي ..

2
Andrej

فقط جربته في JSFiddle ويبدو أنه يعمل بشكل جيد.

HTML:

<form>
    <fieldset>
        <input />
        <input />
        <input />
        <input />
        <input />

        <input id='kbr' />
        <label id='kbr_label' for='kbr'>Kbr:</label>

        <input />
        <input />
        <input />
        <input />
    </fieldset>
</form>​

CSS:

    fieldset {
        border: 1px dotted silver;
        padding: 1em;
        width: 10em;
    }

    input {
        display: block;
        float: right;
        margin-bottom: 0.5em;
        width: 100%;
    }

    #kbr {
        width: 50%;
    }

    #kbr_label {
        float: right;
    }

EDIT:

الإصدار 2 في JSFiddle يتخلص من الهامش الأخير لمربعات الإدخال.

0
Metalshark

إنه أمر صعب دون رؤية بعض التعليمات البرمجية ، ولكن مشكلة الهامش/الحشو البسيطة مثل تلك الموجودة في متصفحات مختلفة يمكن معالجتها غالبًا باستخدام إعادة ضبط المستعرض في css.

إليك مثال ، على الرغم من أنك إذا أجريت بحثًا على google ، فسترى أن هناك العديد من الميزات الأخرى.

http://www.siolon.com/blog/browser-reset-css/

0
binaryorganic

أولاً ، حاول استخدام نمط صارم لأنه يقلل من مشاكل المتصفح المتشابك إلى لا شيء تقريبًا. في أبسط صوره ، يمكنك وضع _<!doctype html>_ كأول شيء على صفحتك ، قبل _<html>_.

قد يكون نشر كود HTML/CSS مفيدًا ولكن يبدو أنك بحاجة إلى إضافة هامش إلى المدخلات. في أبعاده الأساسية ، إضافة _margin: 2px 0_ إلى الأنماط الخاصة بك لتلك المدخلات يجب أن تعمل.

0
DisgruntledGoat