2012-05-10 2 views
0

Когда я делю страницу на столбцы, используя теги, передавая значения ширины в процентах, то есть объявляю ширину div тела как 100%, внутри которой два div's объявлены как 20% & 80%, он работает нормально в IE8, но не в firefox, если я не изменю вторую ширину с 80% до 79%. Можете ли вы объяснить, почему?Разделение по ширине ("% s") выравнивание с firefox

+3

Вы получите быстрее (и менее угадали) отвечает, когда вы размещаете уменьшенный пример, с которым люди могут воспроизвести то, что вы видите. – Till

ответ

2
  1. определить правильную доктайп: <!doctype html>Это очень важно для IE, потому что он использует другой boxmodell, если вы этого не сделаете!

  2. следует учитывать, что текущий w3c-boxmodell учитывает только ширину содержимого. Это означает, что если у вас есть маржа, граница и/или заполнение объявлено, это испортит вашу ширину.

Если определить 80%/20% столбцов, но они имеют border:1px ... это испортит ваш дизайн, потому что фактически это означает, что 80 + 20 = 100% + 4px для границы -> Ваша страница будет ломаться.

Вы можете переключить boxmodell в новых браузерах (called box-sizing: from IE8 on), чтобы использовать «лучшую» boxmodell, учетную запись и/или границу в объявлениях ширины.

редактировать:

MDN-Link regarding box-sizing

+0

Теперь он работает! Thnx ..) – Honey459

+0

@ Хоть рад, что я мог бы помочь. Вы должны принять ответ (нажмите зеленую галочку), чтобы указать другим пользователям, что ваша проблема решена. – Christoph

Смежные вопросы