لون الخلفية والمتخلصات تخلق علة Internet Explorer 7

https://stackoverflow.com/questions/1186571

19-09-2019
|

سؤال

يوضح التعليمات البرمجية التالية المشكلة التي صرفها:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<style>

p
{
    background-color:#FFF;
}


</style>
</head>
<body>

  <img src="http://www.google.com/intl/en_ALL/images/logo.gif" style='float:left;'>
  <p><em>This is an italic sentence.</em></p>
  <p><strong>This is a bold sentence.</strong></p>
  <p>This is a normal sentence.</p>

</body>
</html>

عند عرض هذا الرمز في IE7، سيتم عرض شعار Google إلى اليسار مع تشغيل "أشرطة أفقية بيضاء" من خلالها تصطف مع كل فقرة، معروضة على اليمين.

يؤدي إزالة السطر الأول u003Cem>بالعلامات إلى تختفي الخطوط. جربها بنفسك. قم بإزالة كل من الأسطر الثلاثة ومعرفة كيفية تغيير الأخطاء.u003C/em>

ماذا في العالم يحدث مع هذا؟

القرار: مسألة Haslayout. إضافة تكبير: سمة 1 إلى م تصحيح المشكلة.

المحلول

لست متأكدا من سبب حدوث ذلك، ولكن هناك العديد من الطرق للتأكد من عدم وجودها، بما في ذلك إضافة عرض: كتلة مضمنة إلى م.

نصائح أخرى

يحدث هذا بسبب الصورة العائمة.

عندما يتم توحيد صورة، ليس لديها أي تخطيط خاص بها. القضبان البيضاء هيu003Cp style=";text-align:right;direction:rtl"> العلامات، لأنه في CSS أعطيتهم خلفية #fff.

ل IE7 يفكرu003Cp style=";text-align:right;direction:rtl"> تبدأ العلامات فعليا في بداية الصفحة الموجودة في الجزء الأتقر إلى اليسار، بحيث تبدأها هناك، ولكن ببساطة تصطدم بالمحتوى الذي تجاوز الصورة العائمة، تاركين قضبان بيضاء مضحكة من الصورة العائمة.

سأحاول الحصول عليها عن طريق إعطاء الخاص بكu003Cp style=";text-align:right;direction:rtl"> العلامات الهامش اليسار. إذا قمت بإجراء ما يكفي من الهامش الأيسر للحصول على الصورة التي يجب ألا تحصل على هذه الحانات بعد الآن.

لذلك جرب شيئا مثل ...

p{ background-color: #fff; margin-left: 300px; }

يمكنك ضبط الهامش الأيسر ولكن هناك شيء على طول هذه الخطوط يجب أن تتخلص من القضبان البيضاء لك.

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

لا تنتمي إلى StackOverflow