العوامات تعبث في متصفحات سفاري

https://stackoverflow.com/questions/50280

09-06-2019
|

سؤال

لدي موقع أنشأته بسرعة كبيرة ويستخدم العوامات لعرض أقسام مختلفة من المحتوى.يبدو المحتوى العائم والمحتوى الذي يحتوي على هامش إضافي جيدًا في 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;">

حاول الوصول إلى صفحتك التحقق من صحة;وهذا من شأنه أن يجعل تصحيح الأخطاء الفعلية أسهل بكثير.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow