Исчезают пустые отделения интервала
не уверенный, почему это не работает - у меня есть 3 отделения, где два на стороне пусты, и все мое содержание в середине. IE6, по-видимому, игнорирует пустые отделения, поскольку содержание продвинуто налево. Какие-либо идеи, какова проблема могла быть?
.sidebar {
float: left;
width: 25%;
height:auto;
visibility:hidden;
font-size:1px;
line-height:0;
}
.main {
width: 50%;
height:auto;
float:left;
}
<div class="sidebar"><p> </p></div>
<div class="main">
...
</div>
<div class="sidebar"><p> </p></div>
Я попытался поместить пустые комментарии вместо пустых абзацев в отделениях, которые попробовали включить отделения, что-либо Интернет, который, как сказали, сделал, ни к какой удаче. сообщите мне, хотите ли Вы видеть содержание в основном.
Спасибо!
4 ответа
Я полагаю, что это ситуация, когда если div'ы сбоку останутся пустыми, вам придется указать высоту или хотя бы минимальную высоту, чтобы они отображались. В качестве альтернативы, опять же, если они останутся пустыми, вы можете просто удалить их и использовать margin: 0 auto 0 auto для центрирования средней колонки. В IE6, в частности, есть некоторые проблемы с неперекрывающимися пробелами, которые могут привести к разным странным вещам, но только в некоторых конкретных версиях IE6. Ааа, радости браузеров.
Обратите внимание, что height:auto ничего не растягивает, если не знает, до чего растягивать, так же как height: 100% не работает без div известного размера, до которого можно растянуть 100%. Из вашего вопроса не похоже, что вы пытаетесь растянуть его до заполнения экрана, но это то, о чем следует знать.
Css-фреймворк, такой как 960.gs, YUI grids или Blueprint, сделает это легкой прогулкой... Я просто говорю
.HTML-элемент для неразрывного пробела -
, который вы можете использовать для отображения div. Это может вызвать проблемы, если вам нужен очень маленький div, поскольку пространство имеет высоту строки и все такое, но в некоторых случаях это может быть полезно.
Я не вижу ошибки на своем конце в IE6. Я вставил ваш пример в документ .html, и он работал правильно (IE6 уважал скрытые .sidebar).
Из любопытства, что вы пытаетесь сделать? Если вам просто нужен центрированный контейнер .main, вы можете сделать это с помощью следующей разметки:
<div style="width: 50%; margin: 0 auto;">
Centered content, 50% width of its parent container.
</div>
Я думаю, что происходит то, что ваши div на самом деле не плавают.
если вы делаете 25% -50% -25%, IE не будет иметь достаточно места для их размещения.
Попробуйте проверить что-нибудь меньшее, например 20% -45% -20%
Звучит смешно, но это правда. IE6 не позволит вам увеличить процент ширины до 100%.
Кроме того, нам нужно увидеть дополнительный код для дальнейшего устранения этой проблемы для вас ... http://www.jsfiddle.net/