|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
04.03.2013, 09:41 | #1 |
Пользователь
Регистрация: 15.01.2009
Сообщений: 52
|
Как закрепить логотип на одном месте
Здравствуйте. Поискал тему, но так и не нашел, если что заранее прошу прощения.
Совсем недавно начал изучать веб программирование и столкнулся с такой проблемой: Есть фон, в браузере располагается по центру документа, при наложении на фон логотипа он встает нормально, но при масштабировании окна браузера(увеличение/уменьшение) логотип начинает "ездить" по фону влево/вправо, а мне надо его зафиксировать чисто по центру фона, чтобы не съезжал даже при изменении масштаба, уже 2 дня пытаюсь найти что-нибудь из этой оперы Например как здесь: http://foreverheavy.com/ Код HTML:
<!--Внешний основной контейнер--> <div id="main"> <!--Внутренний основной контейнер--> <div id="main-inner"> <!--Контейнер с шапкой--> <div id="header"> <!--Контейнер с логотипом--> <div id="logo"> <div class="logo"> <a href="Index.html"><img src="img/logo.png" /></a> </div> </div><!--Закрытие контейнера с логотипом--> </div><!--Закрытие контейнера с шапкой--> </div><!--Закрытие внешний основной контейнер--> Код HTML:
body { background-color:#FFF; margin:0px; padding:0px; background-image:url(../img/fon.jpg); background-position:center top; background-repeat:no-repeat; overflow-x: hidden; } #main { width:1900px; height:1933px; margin:0 auto; position: relative; z-index: 10; } #header { float:left; width:1900px; height:298px; margin:auto; position: relative; } #logo { position: fixed; top: 0; left: 0; width: 100%; } .logo { position: relative; width:1001px; height:258px; margin: 0 auto; left:0px; top:40px; } Последний раз редактировалось {Shadowevil}; 04.03.2013 в 09:43. |
04.03.2013, 10:35 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Код:
Alar, верни репу!
|
04.03.2013, 10:50 | #3 |
Пользователь
Регистрация: 15.01.2009
Сообщений: 52
|
|
04.03.2013, 12:03 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
#logo находится в контексте #header, у которого статичная ширина, выкинь его в корень.
Alar, верни репу!
|
04.03.2013, 12:59 | #5 |
Пользователь
Регистрация: 15.01.2009
Сообщений: 52
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как закрепить обьект относительно прокрутки(скроллинга) форм | Feraset | Общие вопросы Delphi | 3 | 27.10.2012 23:36 |
Люди проблема со змейкой ужасно долго старался но не получилось в одном месте, хотя вроде бы все правильно написал! | zhenka619 | Паскаль, Turbo Pascal, PascalABC.NET | 4 | 24.01.2012 16:30 |
Вывод на одном и том же месте | JinYa | Assembler - Ассемблер (FASM, MASM, WASM, NASM, GoASM, Gas, RosAsm, HLA) и не рекомендуем TASM | 3 | 23.09.2011 22:54 |
Как закрепить верхюю строку или левый столбец | MiroslavHerhardt | Microsoft Office Excel | 3 | 16.08.2009 14:09 |
Как закрепить картинку относительно окна браузера? | Svetix | HTML и CSS | 18 | 18.04.2009 23:12 |