Динамичная шапка сайта

@liarda · Регистрация: 27.07.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте!!Решила поменять шапку сайта,которая состоит из трех картинок.Сделала три картинки по тем же размерам ,что и предыдущие.С моего экрана все нормально,но когда решила проверить при других расширениях экрана,то все картинки накладываются.Как быть,может кто поможет исправить код и сделать так,чтоб при всех(хотя бы самых испольЗуемых)расширениях и браузерах сайт одинаково отображался?
Заранее благодарю!!

@Divinesites · 28.07.2013, 07:48

Покажите код, пожалуйста

@liarda · 28.07.2013, 11:16 **[ТС]**

Enero, Вот код новой шапки

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div style="position: relative; left: 0px; top: 0px; height: 280px; margin-bottom: -10px;">
<img src="http://ardali.ucoz.ru/avatar/shapka/right33.jpg" style="position: absolute; top: 0px; right: 0px; float: left; z-index: 1;">
<img src="http://ardali.ucoz.ru/avatar/shapka/465.jpg" style="position: absolute; top: 0px; left: 0px; float: right; z-index: 2;">
<img style="position: absolute; top: 35px; right: 170px; float: right; z-index: 3; padding-right: 125px; width: 800px;" src="http://ardali.ucoz.ru/avatar/shapka/fff.png">
<div style="position: absolute; top:5px; left: 280px; z-index: 4;">
<?if($USERS_ON$)?>
<?if($USER_LOGGED_IN$)?>Вы вошли как
<a href="$PERSONAL_PAGE_LINK$"> <b>$USERNAME$</b></a> | Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас <b>$USERNAME$</b><?endif?><?endif?><?if($RSS_LINK$)?><a href="$RSS_LINK$">RSS</a><?endif?></div>
<div style="position: absolute; top:5px; color: #911e42; right: 10px; z-index: 5; width: 250px;">$WDAY$,$DATE$, $TIME$</div>
<div class="header_table" style="position: absolute; top: 250px; left: 10px; width: 100%; text-align: center; z-index: 6;">
<img src="/.s/t/161/6.gif" align="middle"><a href="$HOME_PAGE_LINK$">Главная</a>
<?if($MODULE_URL$)?><img src="/.s/t/161/6.gif" align="middle"><a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?>
<?if($USERS_ON$)?>
<?if($USER_LOGGED_IN$)?><img src="/.s/t/161/6.gif" align="middle"><a href="$PERSONAL_PAGE_LINK$">Мой
профиль<!--</s>--></a><?else?><img src="/.s/t/161/6.gif" align="middle"><a href="$REGISTER_LINK$">Регистрация</a><?endif?><?endif?>
<?if($USERS_ON$)?>
<?if($USER_LOGGED_IN$)?><img src="/.s/t/161/6.gif" align="middle"><a href="$LOGOUT_LINK$">Выход</a><?else?><img src="/.s/t/161/6.gif" align="middle"><a href="$LOGIN_LINK$">Вход</a><?endif?><?endif?>
</div>
</div>

Здесь я немного изменила(подогнала под мой экран,но с другого расширение все накладывается,хотя старая шапка нет
Вот ссылка на тест страницу

Кликните здесь для просмотра всего текста

http://ardali.ucoz.ru/index/gadanie_zhozefiny_bogarne/0-57

@Goal · 28.07.2013, 13:11

резиновая верстка дает косяки) создайте сверху етого всего блок, который будет иметь фиксированную ширину

допустим 1300 пикселей, или даже меньше, что бы все поместилось

@Divinesites · 28.07.2013, 13:17

В 1 строчке в стиле добавьте параметр

CSS
1
min-width:1300px;

@liarda · 28.07.2013, 16:13 **[ТС]**

Enero, Спасибо за ответ.Я поменала дизайн не посмотрите ,может есть что исптавить?

Добавлено через 4 минуты

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

В 1 строчке в стиле добавьте параметр

CSS
1
min-width:1300px;

Когда в кода добавила эту строчку размер шрифта уменьшился,пришлось вернуть назад

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@liarda 0 / 0 / 0 Регистрация: 27.07.2013 Сообщений: 4

	Динамичная шапка сайта 28.07.2013, 00:45. Показов 3121. Ответов 5 Метки нет (Все метки) Здравствуйте!!Решила поменять шапку сайта,которая состоит из трех картинок.Сделала три картинки по тем же размерам ,что и предыдущие.С моего экрана все нормально,но когда решила проверить при других расширениях экрана,то все картинки накладываются.Как быть,может кто поможет исправить код и сделать так,чтоб при всех(хотя бы самых испольЗуемых)расширениях и браузерах сайт одинаково отображался? Заранее благодарю!! 0

@Divinesites 107 / 102 / 9 Регистрация: 29.06.2013 Сообщений: 369
	28.07.2013, 07:48
	Покажите код, пожалуйста 0

@Goal Футболист 533 / 435 / 142 Регистрация: 31.10.2011 Сообщений: 1,010
	28.07.2013, 13:11
	резиновая верстка дает косяки) создайте сверху етого всего блок, который будет иметь фиксированную ширину допустим 1300 пикселей, или даже меньше, что бы все поместилось 0