X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с резиновой шапкой.
in3gan
in3gan
Topic Starter сообщение 12.3.2011, 13:27; Ответить: in3gan
Сообщение #1


Html code:

<div id="header" align="center"> <!-- header begin -->
<div class="header_left"></div>
<div class="header_center"></div>
<div class="header_right"></div>

</div> <!-- header end -->


Css code:

#header {
width:100%;
background-color:#CFF;
border:2px red solid;
margin:auto;
}

.header_left{
    background:url(images/music_header_01.jpg) no-repeat;
    width:322px;
    height:163px;
    float:left;
    margin:auto;
    }

.header_right{
    background:url(images/music_header_03.jpg) no-repeat;
    width:292px;
    height:163px;
    float:right;
    margin:auto;
}

.header_center{
    background:url(images/music_header_02.jpg) no-repeat;
    width:409px;
    height:163px;
    margin:auto;
    }


С данным кодом получается вот что:
[IMG]http://myface.uz/files/2011/03/dfd7e8c04daf0a8d0b10.jpg[/IMG]

Следовательно мне нужно третий кусок, тот, что снизу прикрепить наверх к первым двум, чтобы он тянулся так же, как и те два. П.с Голубой фон я потом поменяю на черный и все будет смотреться ок.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 12.3.2011, 13:35; Ответить: Apay
Сообщение #2


<div class="header_right"></div>
поместите первым
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
in3gan
in3gan
Topic Starter сообщение 12.3.2011, 13:57; Ответить: in3gan
Сообщение #3


Apay, Действительно, помогло ! Целый час мучался из-за такого пустяка.
А вообще код составлен грамотно ? Т.е если шапка из 3х частей, то float указываем только левой и правой картинке, а тому блоку, что будет в центре (буд-то картинка, буд-то меню сайта допустим) вообще ничего не стоит присваивать (кроме как ширины и высоты) ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Serlutin
Serlutin
сообщение 13.3.2011, 5:09; Ответить: Serlutin
Сообщение #4


(in3gan @ 12.3.2011, 15:57) *
А вообще код составлен грамотно ?

Если бы не align="center", то было бы грамотно. Вместо этого лучше использовать либо text-align: center, либо [CSS]margin: 0 auto;[/CSS]
(in3gan @ 12.3.2011, 15:57) *
а тому блоку, что будет в центре (буд-то картинка, буд-то меню сайта допустим) вообще ничего не стоит присваивать (кроме как ширины и высоты) ?

CSS — это бой без правил. Главное, чтобы во всех браузерах одинаково смотрелось, а как вы выравниваете — не важно. Смысл в том, что даже валидатор CSS (в отличии от HTML) вещь совершенно бесполезная.
На первый взгляд в коде всё в порядке. Проверять лень.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 13.3.2011, 10:11; Ответить: Apay
Сообщение #5


обычно так и делают, иногда указывают и margin слева и справа

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2340 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1431 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4722 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2688 30.11.2017, 14:06
автор: okseo


 



RSS Текстовая версия Сейчас: 26.4.2024, 10:22
Дизайн