Jump to content
  • 0

Убрать границы у дива

sh1va

Asked by sh1va,

 Share

Question

sh1va Explorer

sh1va

Posted
Posted

иемеется такой вот див

.container {
	background:url(pic/bg.jpg) center top repeat-y;
	margin:0 auto;
	width:1000px;
		height:100%;
	min-width:100%;		
}

я поставил "height:100%;" и думал, что это даст желаемого результата. Я хочу что бы верх и них контейнерера (в котором содержится весь сайт) касались верха и низа браузера. А вместо этого они отступают примерно на 5-6 пикслей. Не мог ли бы мне подсказать как это поправить?

Link to comment
Share on other sites

23 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted
иемеется такой вот див

.container {
	background:url(pic/bg.jpg) center top repeat-y;
	margin:0 auto;
	width:1000px;
		height:100%;
	min-width:100%;		
}

я поставил "height:100%;" и думал, что это даст желаемого результата. Я хочу что бы верх и них контейнерера (в котором содержится весь сайт) касались верха и низа браузера. А вместо этого они отступают примерно на 5-6 пикслей. Не мог ли бы мне подсказать как это поправить?

Значит у родителя стоят отступы :)

Link to comment
Share on other sites
  • 0
Игорь Ермаков Explorer

Игорь Ермаков

Posted
Posted 

*{margin:0;padding:0}

Этот код отключает внешние и внутренние отступы всем элементам на странице.

Выучить наизусть, особенно последнее:

http://htmlbook.ru/css/margin.html

http://htmlbook.ru/css/padding.html

http://forum.htmlbook.ru/index.php?showtopic=13626

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
нет, не нахожу. я это сделал, что бы при уменьшении окна браузера картинка не менялась в своих размерах.

Обнулить так?

 <body bgcolor="#000000" margin="0 auto">

Бредятину несете. Откуда блочный элемент отсчитывает свою ширину? Кто родитель у блока с мин-видт? какова ширина минвидт будет, если ширина окна браузера - 200px?

не так, классически в CSS файле и красиво.

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted

если уже пишите стили в хтмл, то пишите так:

<body style="margin:0 auto;">

ТС задумайся над этим:

Откуда блочный элемент отсчитывает свою ширину? Кто родитель у блока с мин-видт? какова ширина минвидт будет, если ширина окна браузера - 200px?

неповеришь, но блок 100% отсчитывает от родителя!!! А не от дочернего елемента.

Link to comment
Share on other sites
  • 0
sh1va Explorer

sh1va

Posted
  • Author
Posted (edited)

врубился... )

кстати 

<body style="margin:0 auto;">

помог но не до конца.

верхний отступ исчез. а нижний только сократился. но что я заметил если ставть height:1000px; то появляется полоса прокрутки и в конце отстпуа не видно. А если поставить height:820px; то появляется отступ...

Edited by sh1va
Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
врубился... )

кстати 

<body style="margin:0 auto;">

помог но не до конца.

верхний отступ исчез. а верхний только сократился. но что я заметил если ставть height:1000px; то появляется полоса прокрутки и в конце отстпуа не видно. А если поставить height:820px; то появляется отступ...

почитайте внимательно и отредактируйте еще раз

Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted
врубился... )

кстати 

<body style="margin:0 auto;">

помог но не до конца.

верхний отступ исчез. а верхний только сократился. но что я заметил если ставть height:1000px; то появляется полоса прокрутки и в конце отстпуа не видно. А если поставить height:820px; то появляется отступ...

Да, не понятен смысл... А если уменьшить окно броузера или изменить разрешение экрана?

У вас просто не срабатывает правило height:100%. Подумайте еще раз, от чего будет отсчитываться высота в 100%? Подумали? А теперь всем родительским элементам нужно установить относительную или абсолютную высоту, тогда броузер поймет что значит 100%.

Link to comment
Share on other sites
  • 0
sh1va Explorer

sh1va

Posted
  • Author
Posted (edited)

а я его убрал.

С низу страницы у меня имеется отступ. я хочу его убрать. Если я ставлю в диве ширину выше разрешения монитора то все прекрастно. если меньше то появляется отступ.

Edited by sh1va
Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted
а я его убрал.

С низу страницы у меня имеется отступ. я хочу его убрать. Если я ставлю в диве ширину выше разрешения монитора то все прекрастно. если меньше то появляется отступ.

Я в б е ш е н с т в е !! Вам сколько лет?? Сколько можно повторять одно и тоже?

Какая связь между разрешением монитора и внутренними размерами окна браузера? В разных браузерах эти размеры разные. К тому же не всегда броузер разворачивают на весь экран. На разных компьютерах все эти размеры будет разными. Когда вы ставите в диве ширину больше разрешения, то внизу окна появляется скролл, который съедает пространство внизу и вам кажется, что теперь высота у вас на 100%. Это простое совпадение.

Я повторяю, установите всем родительским элементам высоту 100%.

:)B)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept