Форум PHP программистов > Как растянуть шапку сайта на всю страницу?

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

Полная Версия: Как растянуть шапку сайта на всю страницу?

Shuriken

7.11.2012 - 18:22

Всем привет!

Шапку сайта я сделал div'ом с фоном-картинкой. Но div имеет зазоры о всех сторон. Как убрать эти зазоры? Или может ка-то по-другому шапка делается?

sergeiss

7.11.2012 - 20:52

Стилями делай. Растяни картинку, выставь margin и padding в нули.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Shuriken

7.11.2012 - 21:07

Делал, не помогает

sergeiss

7.11.2012 - 21:18

Цитата (Shuriken @ 7.11.2012 - 21:07)

Делал, не помогает

"Телепатов нету" (с)

Ты код-то покажи. А мы уж тут его "всем миром" посмотрим, оценим.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Shuriken

7.11.2012 - 21:29

Код страницы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Главная</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
	<img src="img/cetak.png" />
</div>

style.css:

.header {background: url(img/bg.jpg) black no-repeat left;
		margin: 0;
		padding: 0;
		height:269px}
		
body {background: url(img/background3.jpg)  fixed center}

В браузере получается:

user posted image

Игорь_Vasinsky

7.11.2012 - 21:37

глаза сожжешь о такой бакграунд)

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Игорь_Vasinsky

7.11.2012 - 21:38

body{
    padding:0px;
    margin: 0px;
}

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Shuriken

7.11.2012 - 21:38

Это чтоб наглядней было)

Игорь_Vasinsky

7.11.2012 - 21:38

пробуй. код выше

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Shuriken

7.11.2012 - 21:39

Цитата (Игорь_Vasinsky @ 7.11.2012 - 17:38)

body{
    padding:0px;
    margin: 0px;
}

Спасибо, всё ок

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

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