Serifa пишет:
цитата: |
А покажите, как оно должны выглядеть хоть? |
|
уже не покажу, сделал на форуме проще.. тупо полоса черная шириной 100%, на её фоне посередке шапка с черными краями
Serifa пишет:
цитата: |
А если можно - еще и код посмотреть. |
|
Могут быть неточности, пишу по памяти. Но должно работать Х)
<div class='logo1'></div> <div class='logo2'></div>
#logo1 {
display: block; //отображается, как абзац, чтобы форум не оказался "под шапкой".
min-width: 920px; //минимальная ширина блока-заливки, советую ставить пикселей на 10 больше шапки, чтобы её не перекрывало ни в коем случае)
max-width: 1200px; // максимальная ширина, блок не будет шире этого значения
height:215px; //высота, тут все просто
min-height: 100%; //кажется, дописывалось для кроссбраузерности. атрибут, по сути, бесполезный.
height: 100%; //см. выше.
position: absolute; //позиционируем блок
top:10px; //отступ сверху
margin:0 auto; //располагаем блок по центру. align=”center” не используем, ибо не пройдем тогда валидатор. Если нужны отступы сверху, то конструкция будет margin:10px auto 0; или margin:10px auto; - отступы сверху и снизу.
z-index: 1; //этот слой находится поверх боди, указываем, чтобы потом поверх него налепить шапку.
background:black url(/images/BG.gif) repeat-x top left; // заливаем фон черным, потом картинкой, картинка повторяется по оси х и заполняет собой весь блок, используем градиент или безшовку.
}
Теперь, собсна, шапка
#logo2 {
display: block; //отображается, как абзац, чтобы форум не оказался "под шапкой".
min-width: 900px; //Ширина шапки, необязательный параметр
height:215px; //высота, необязательный параметр
position: absolute; //позиционируем блок
top:10px; //отступ сверху, повторяем отступ предыдущего класса
margin:0 auto; //располагаем блок по центру.
z-index: 2; //располагаем блок выше предыдущего.
background:url('/images/logo.jpg') no-repeat; // лепим на фон картинку, запрещаем ей повторяться.
}
Вроде, так надо, если не ошибаюсь. Может сбоить в ФФ 2 и IE 6, но не факт, что сбоит
Оффтоп: чума на голову узких мониторов хD фсе, на моники уже 780px мой форум не расчитан, даж винда грит, что при таком разрешении елементы могут не поместиться на экран!