حصلت على نموذج "تسجيل مستخدم لموقع الويب" على موقعي. يبدو جيدًا في جميع المتصفحات باستثناء Opera و FF .. حاولت عرض صور عبر html حتى تتمكن من رؤية ما أقصده ، لكنني لا أستطيع بدون 10 منشورات ، ولا يمكنني نشر رابط واحد ، وهكذا. .
هنا هو واحد الموافقة المسبقة عن علم والشرح ->
http://img183.imageshack.us/img183/4903/45825110.jpg
لاحظ التباعد العمودي بين مربعات الإدخال ...
كيف أجعلها تبدو متشابهة في جميع المتصفحات؟
شكرا مقدما على الأنصار .. أندريه
راجع للشغل: لم أستخدم أي إعادة تعيين المغلق على صفحتي ..
فقط جربته في 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 يتخلص من الهامش الأخير لمربعات الإدخال.
إنه أمر صعب دون رؤية بعض التعليمات البرمجية ، ولكن مشكلة الهامش/الحشو البسيطة مثل تلك الموجودة في متصفحات مختلفة يمكن معالجتها غالبًا باستخدام إعادة ضبط المستعرض في css.
إليك مثال ، على الرغم من أنك إذا أجريت بحثًا على google ، فسترى أن هناك العديد من الميزات الأخرى.
أولاً ، حاول استخدام نمط صارم لأنه يقلل من مشاكل المتصفح المتشابك إلى لا شيء تقريبًا. في أبسط صوره ، يمكنك وضع _<!doctype html>
_ كأول شيء على صفحتك ، قبل _<html>
_.
قد يكون نشر كود HTML/CSS مفيدًا ولكن يبدو أنك بحاجة إلى إضافة هامش إلى المدخلات. في أبعاده الأساسية ، إضافة _margin: 2px 0
_ إلى الأنماط الخاصة بك لتلك المدخلات يجب أن تعمل.