Форум PHP программистов > body image фоновое разрешение

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: body image фоновое разрешение

Страницы: 1, 2, 3

BaNru

21.05.2014 - 07:26

littleman, я понимаю, что в данном случае его решение имеет место быть и оно кроссбраузренее. Я про другое его спрашиваю

Kopipaster, и?
Как это влияет на запрет издеваться на над body? Я не могу понять всё же, почему нормальные верстальщики не трогают body?
Ты посмотри хотя бы этот форум

BODY {
  background-color: #DFDFDF;
  background-image: url("style_images/1/wraper_bg.jpg");
  background-position: 0 0;
  background-repeat: repeat-x;
  font-family: Verdana,Tahoma,Arial,sans-serif;
  font-size: 11px;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

Kopipaster

21.05.2014 - 11:32

BaNru
Я никому работать с боди не запрещаю :D
Так что не парься и продолжай. Судя по примеру:

BODY {
  height: 100%;
}

ты прекрасно уже изучил данную тему.
Но а всем кто использует более сложные конструкции в вёрстке, просто рекомендую пользоваться дивами.

littleman

21.05.2014 - 11:35

У меня тут такая вот проблема :D
Я задал для

background-image: url('');
height : 1155px;

И тут самое прикольное, когда картинка уменьшается до определённого размера, а хейдинг 1155пк. остаётся и подвал на том расстоянии весит получается белый просвет . как быть ?

BaNru

21.05.2014 - 12:09

Цитата

ты прекрасно уже изучил данную тему.

При чем тут чего я изучил? Я тебе показал пример даже с этого форума. К данной верстке я отношения не имею. И я не понял что тебя смущает в этой строке?

Цитата

Но а всем кто использует более сложные конструкции в вёрстке, просто рекомендую пользоваться дивами.

Очередной бред! Ты случаем не по курсам Попова учился верстать и кодить?

У меня к тебе личный нескромный вопрос:
Ты сколько лет занимаешься версткой? Опыт визуальный режима DW не считай

Цитата

Ну так он забыл тебе сказать, что тут надо ещё использовать position:fixed
Только надо не забывать, что экраны могут быть и большего размера, чем 1155 в высоту.

Kopipaster

21.05.2014 - 12:29

Цитата (littleman @ 21.05.2014 - 11:35)

Ну как вариант тебе. Подправь картинку так чтобы весь нижний ряд пикселов твоей картинки был бы одного цвета допустим того же белого. Как ты это сделаешь уже от дизайна зависит. Суть в том чтобы твоя картинка плавно перетекала в фон, ну и задаёшь по мимо картинки ещё и цвет.

.primer{
	background:url(..fon.jpg) no-repeat;
	background-color: #CF9; 
	background-size: 100%;
    width: 100%;
	min-width: 1000px;
	}

Высоту редко удаётся подобрать грамотно надо либо оочень длинная картинка либо плавный переход к основному фону страницы.

Цитата (BaNru @ 21.05.2014 - 12:09)

Очередной бред!

Ну бред так бред. Куда нам визуальщикам с дремвивером, до Ваших то высот.

littleman

21.05.2014 - 12:33

Зафиксировал, и вуаля нету у меня него.
Так как быть ? У меня при сужение браузера картинка сужаеться, а также и высота, а текст который внизу он так и низу и белый разрыв.
Как быть ?

littleman

21.05.2014 - 12:35

Kopipaster
Не вариант, там разрыв у меня доходит до 300px это просто ужас.
Вот тут как сделали ?
http://goodstroi.ru/
Там дальше картинки ниже описание не уходит в некуда .
Но там даже нет минима сужение можно произвести до неболуя что не есть гуд.

Kopipaster

21.05.2014 - 12:38

Цитата (littleman @ 21.05.2014 - 12:35)

Не вариант, там разрыв у меня доходит до 300px это просто ужас.

Показывай я же не гадалка.

littleman

21.05.2014 - 12:42

<div class="wrapper">
 <div class="header">Логотип</div>
 <div class="prime">
  <div class="blockquote">
   <div id="index">Новость дня</div>
  </div>
 </div>
</div>
<div class="bb">Проверка на вшивость</div>


* {
    margin: 0;
    padding: 0;
}

body {
    font: 11px/1.7 'PT Sans', Helvetica, sans-serif;
}

.wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;    
}


.header {
    width: 100%;
    height: 70px;
    background-color: white;
    position: fixed;
}


.prime {
    background : url(384038-61407.jpg) no-repeat center top;
    background-size: 100%;
    height: 911px;
}


.blockquote {
    background: #f8f8f8 url(quote.png) no-repeat 17px 21px;
    font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
    margin : 160px 0 0 160px;
    padding: 20px 20px 20px 55px ;
    width: 500px;
    height: 90px;
    background: rgba(246,246,246,0.6) ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    position: absolute;
}

Быстрый ответ:

Здесь расположена полная версия этой страницы.