العوامات تعبث في متصفحات سفاري
سؤال
لدي موقع أنشأته بسرعة كبيرة ويستخدم العوامات لعرض أقسام مختلفة من المحتوى.يبدو المحتوى العائم والمحتوى الذي يحتوي على هامش إضافي جيدًا في FF/IE، ولكن في رحلات السفاري يكون أحد عناصر div مخفيًا تمامًا.لقد حاولت التحول إلى padding
و position:relative
, ، ولكن لم ينجح شيء بالنسبة لي.إذا قمت بإخراج الكود لعرضه على اليمين فإنه سيظهر مرة أخرى ولكن تحت المحتوى العائم.
القسم الرئيسي في CSS الذي يبدو أنه يسبب المشكلة هو:
#settings{
float:left;
}
#right_content{
margin-top:20px;
margin-left:440px;
width:400px;
}
وهذا يعطيني نفس النتيجة سواء قمت بتحديد حجم لـ #settings div أم لا.سيكون موضع تقدير أي أفكار.
الموقع متاح على: http://frickinsweet.com/tools/Theme.mvc.aspx لرؤية الكود المصدري.
المحلول
أعتقد أن الخطأ يكمن في العلامة التي ينشئها منتقي الألوان.لقد قمت بحفظ الصفحة وأزلت هذا الرمز الخاص بمنتقي الألوان وهو يظهر بشكل جيد في IE/FF/SF.
نصائح أخرى
هل حاولت تعويم قسم #right_content إلى اليمين؟
#right_content{
float: right;
margin-top: 20px;
width: 400px;
}
آسف كان يجب أن أذكر ذلك أيضًا.لقد حاولت تعويم هذا المحتوى إلى اليمين وحاولت أيضًا تعويمه إلى اليسار وتعيين الموضع مع التفكير في أن كلا القسمين سيبدأان من اليسار: 0 حيث سيؤدي تعيين الهامش الأيمن إلى تحريكه.
شكرًا
بعض الأشياء التي يجب عليك إصلاحها مسبقًا:
- لك
<style>
العلامة موجودة<body>
, ، عندما ينتمي<head>
لديك خطأ مطبعي "حقيقي" في أحد أنماطك المضمنة:
<a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">
حاول الوصول إلى صفحتك التحقق من صحة;وهذا من شأنه أن يجعل تصحيح الأخطاء الفعلية أسهل بكثير.