Foxter.ru - DIV - разметка блочного типа

Foxter.ru (https://www.foxter.ru/index.php)

- Web-программирование (https://www.foxter.ru/forumdisplay.php?f=66)

- - DIV - разметка блочного типа (https://www.foxter.ru/showthread.php?t=3095)

Formazon
А не пробовал так:
margin:0 auto;

s1mon что-то я про эти индексы не догнал.. как их использовать?

Цитата:

Сообщение от Antony

что-то я про эти индексы не догнал.. как их использовать?

Да легко... Допустим есть у тебя шапка сайта... красивая такая, но вот незадача - нужно туда срочно объявление влепить... А как сделать? Переверстывать шапку, ради баннера - глупое занятие, особенно если объявление в виде сложной таблицы... Так вот ты должен просто сделать зависимый DIV к этой шапке, а в DIV уже врисовать табличку с объявлением - обязательное условие - глубина слоя должна быть выше основной страницы - а это Z-index > 0. Понимаешь? :)

Есть проблема... Как заставить текст центрироваться по вертикали?
div {
width:120px;
height:120px;
border:1px solid;
border-color:#858585;
background-color:#edecec;
text-align: center;
padding:10px;
margin:10px;
font-family:Verdana;
font-size:10px;
float: left;
}
<div>DIV Element</div>

s1mon Если Table, то vertical-align:middle;
А с DIV-ом не получается..

Насчет z-indexов:
Я просто делал страницу, а скажем "объявление" выравнивал абсолютно (абсолютное позиционирование)... и оно встает куда захочешь и поверх всего...
Зачем тогда указывать z-index??

Antony Бывает просто когда есть выпадающие меню, допустим вверху (горизонтальное меню), и где-нибудь в левом контентном блоке... Так вот допустим нужно чтобы верхнее перекрывало боковое, ну и так далее (я понимаю что это бред, но в данный момент я именно над этим бредом и парюсь - заказчик вредный очень)... Ну и, опять же, в этом же заказе, нужно было поверх флэша вставить DIV с новостями! :o Короче... {* Не хватает зла, даже для комментариев *}

2 s1mon
div {
vertical-align: middle;
display: table-cell;
}
Так не пробовал? Выравнивает... Только какие-то понты с нормальным расположением блока... не встает туда, куда надо и косяки с маргинами-паддингами...

================================

У меня есть еще 2 вопроса связанных с ненавистным IE:

1-й вопрос:

HTML-файл: 3 блока...
<body>
<div class=LeftFoot>Left</div>
<div class=RightFoot>Right</div>
<div class=CenterFoot>Center</div>
</body>

CSS-файл:
div.LeftFoot
{
height: 92px;
background:#999;
width:150px;
float:left;
}
div.RightFoot
{
height: 92px;
background:#999;
width:150px;
float:right;
}
div.CenterFoot
{
height:92px;
margin:0 150px 0 150px;
background:#bbb;
}

в FireFox все нормально.. IE рисует между блоками не нужные белые полоски (типа маргина... у меня 3 пиксела шириной...). ОТКУДА ОНИ?! не понимаю... надо от них избавиться...

Выход - убрать из div.CenterFoot строчку height:92px;. тогда полоски исчезают, но меняется высота среднего блока.

Что к чему? Как быть?

2-й вопрос:

min-width... Как известно, в IE этот параметр не работает.. Как тогда можно задать минимальную ширину страницы? У меня резиновый сайт. И без указания этого параметра он просто сжимается до предела при уменьшении размеров окна. А хотелось бы хоть как-то ограничить это уменьшение...

Antony Попробуй с разными DOCTYPE'ами... может помочь.

А что делать, если, напрмер, есть DIV-блок. Надо сделать solid-ную рамку вокруг него: со всех четырех сторон, кроме правого нижнего угла. А в правом нижнем углу - "скошенный уголок" (скажем под 45 градусов).

Как такое сделать? Если этот уголок реализовывать фоном, то он ведь расположится там где надо, но квадратная рамка этим рисунком не перекроется, а будет "очерчивать"...

Как быть?

Ishtar делаешь растр нижнего бордюра с уголком, а потом в диве говоришь, что border-bottom: url();, ежели не пройдет, то просто внизу блока <img src=>, а для блока делаешь border:1px solid black;border-bottom:none;

И посмотри код на fishki.net - там точно также сделано