2012-04-14 3 views
0

У меня есть сайт, на котором есть div в контейнере div, который имеет большую ширину, чем контейнер div.IE9: Div внутри Div, где внутренний div имеет большую ширину

В Firefox & Хром этот внутренний div не увеличивает ширину родительского div. Однако в IE противоположное верно.

Мне нужно сделать так, чтобы контейнер div не увеличивал его ширину из-за большего div внутри него.

Возможно ли это в IE?

Большое спасибо

+0

['overflow-x: hidden'] (http://www.w3schools.com/cssref/css3_pr_overflow-x.asp)? – GSerg

ответ

0

Это не произойдет в IE9, если определить стандарты режим совместимый.

Попробуйте положить <!DOCTYPE html> в верхней части вашего html-файла.

<!DOCTYPE html> 
<div style="width: 250px; height:150px; background-color: #ff0"> 
<div style="width: 500px; height:100px; background-color: #f00"> 
blaaah 
</div> 
</div> 

Дисплеи: Screenshot showing the working code. Before anyone comments: html, head and body tags are optional in HTML5

Однако если запустить тот же код в режиме совместимости (через меню разработчиков F12) он расширяющие внешний div. Вы найдете, что режим совместимых стандартов будет значительно увеличивать совместимость Internet Explorer с вашим сайтом!

+0

Спасибо, ребята, у меня была проблема с doctype, как описано выше. У меня был объявлен один, но у меня был скрипт php, который повторял содержимое над объявлением! – tensai288

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