Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Натупил с версткой...

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
etoYA
Отправлено: 14 Апреля, 2012 - 19:06:53
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




Блин, выручайте... Сутки не спал, чето с версткой натупил, теперь никак футер к нижней части прижать немогу..
Скачать файл: дефолтный шаблон.rar
Скачан раз: 42
 
 Top
IllusionMH
Отправлено: 14 Апреля, 2012 - 19:24:17
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




etoYA, position: absolute для блока div#middle вырывает его из потока и остальные элементы(футер) никак не учитывают его размеры и положение

Выравнивание по центру и подъем вверх можно можно margin: -YYYpx auto -XXXpx;
где YYY - наползание наверх, XXX -наползание снизу.
При этом придется футеру задать относительное позиционирование и отрицательный z-index

(Отредактировано автором: 14 Апреля, 2012 - 19:33:55)

 
 Top
Franchesko
Отправлено: 15 Апреля, 2012 - 01:42:41
Post Id



Гость


Покинул форум
Сообщений всего: 74
Дата рег-ции: Окт. 2011  
Откуда: Армавир


Помог: 2 раз(а)




[quote=IllusionMH][/quote]

что-то ты по сложному написал все, там гораздо все проще.....если на утро я буду в состоянии разобраться в коде, то отвечу по теме
 
 Top
IllusionMH
Отправлено: 15 Апреля, 2012 - 01:52:24
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




Franchesko, да че там сложного? Два действия:
1) убрать абсолютно ненужное абсолютное позиционирование
2) Выровнять по центру с помощью margin, и приподнять
 
 Top
etoYA
Отправлено: 15 Апреля, 2012 - 11:02:37
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




IllusionMH, так я проснулся)). Сча буду разбиратся.
(Добавление)
IllusionMH, решилУлыбка

CODE (html):
скопировать код в буфер обмена
  1.  
  2. .wrapper{
  3.      margin: 0 auto;
  4.      width: 960px;
  5. }
  6. #middle{
  7.      margin-top: - 140px;
  8. }
  9.  

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="middle" class="wrapper"></div>
  3.  
 
 Top
Franchesko
Отправлено: 15 Апреля, 2012 - 11:25:44
Post Id



Гость


Покинул форум
Сообщений всего: 74
Дата рег-ции: Окт. 2011  
Откуда: Армавир


Помог: 2 раз(а)




Да там все просто, держи готовый вариант

Ток сейчас заметил что ты сделал уже, но я вроде по другому сделал, я врапер не трогал вообще
Скачать файл: дефолтный шаблон.zip
Скачан раз: 44

(Отредактировано автором: 15 Апреля, 2012 - 11:27:10)

 
 Top
etoYA
Отправлено: 15 Апреля, 2012 - 11:40:15
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




Franchesko, да можно и без враппера, но я его делал не только для header'а Улыбка. Поэтому, почему бы и не использовать
 
 Top
IllusionMH
Отправлено: 15 Апреля, 2012 - 14:08:31
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




Franchesko, и сильно
CODE (CSS):
скопировать код в буфер обмена
  1. margin: 0 auto;
  2. margin-top: -130px;

отличается от margin: -YYYpx auto -XXXpx;? Радость
Просто дальше был еще вариант как футер засунуть под основную часть
 
 Top
etoYA
Отправлено: 15 Апреля, 2012 - 14:58:25
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)






IllusionMH пишет:
margin: 0 auto;

а это у меня есть уже во врэппере Закатив глазки
 
 Top
etoYA
Отправлено: 15 Апреля, 2012 - 17:03:30
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




IllusionMH, если я правильно понял, то относительное позицианирование - это
, если да, то в этом случае отрицательный индекс не нуженУлыбка
 
 Top
IllusionMH
Отправлено: 15 Апреля, 2012 - 17:24:22
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




etoYA, ну вопрос был собственно к Franchesko, т.к. там не было никаких стелие, чтобы средня часть наползала на футер.

etoYA пишет:
отрицательный индекс не нужен

Просто когда вечером писал, что-то не прокатило(может стиль в ДФ не применился).
А так, да - относительное позиционированные элементы находятся "выше" не позиционированных.

P.S. Поозиционирование, особенно абсолютное и фиксированное лучше использовать как можно реже. К примеру с каритнкой logo все совсем неправильно сделано. div не может быть вложен в ul(об этом подскажет валидатор, в который лучше заглядывать).
Лучше наоборот, сделать див шириной на весь экран, в него вложить список, у которого фиксированная ширина.

(Отредактировано автором: 15 Апреля, 2012 - 17:26:07)

 
 Top
etoYA
Отправлено: 15 Апреля, 2012 - 17:29:53
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




IllusionMH, ты читаешь мои мысли)). Только хотел создать тему с этим
IllusionMH пишет:
ul(об этом подскажет валидатор, в который лучше заглядывать).

А насчет заглядывать в валидатор, делаю это постоянноУлыбка.

P.S Чем больше я знаю, тем больше я незнаюУлыбка
(Добавление)
IllusionMH пишет:
div не может быть вложен в ul

Только это не с картинкой лого, а с навигацией). И можно сделать проще.
Сделать не <ul id="navigation">, а

CODE (htmlphp):
скопировать код в буфер обмена
  1. <div id="navigation">
  2.      <div class="wrapper">
  3.           <ul>
  4.                <li></li>
  5.           </ul>
  6.      </div>
  7. </div>

(Отредактировано автором: 15 Апреля, 2012 - 17:32:14)

 
 Top
IllusionMH
Отправлено: 15 Апреля, 2012 - 18:18:36
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




etoYA, вот такой вариант гораздо лучше предыдущегоУлыбка

(Отредактировано автором: 15 Апреля, 2012 - 18:19:20)

 
 Top
etoYA
Отправлено: 16 Апреля, 2012 - 17:49:22
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




Хорошо
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB