background-position:bottom right

Diamond_Cat · May 6, 2011

суть такова, есть конструкция

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/carbon.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
-->
</style></head>
что за маразм
<body>
</body>
</html>

картинка carbon.gif упорно не хочет стоять в правом нижнем углу тела документа , если убрать тэг doctype то картинка оказывается где надо, но при этом под ИЕ слетают другие стили в документе основная разработка сейчас лежит тут, таблица стилей от него тут пока пользуюсь div с вставленным в него рисунком с заданной позицией но это не удобно.

И собственно почему такой косяк, и как прикрутить картинку фона к нижнему правому углу?

Gaspode · May 6, 2011

html, body { margin: 0; padding: 0; width: 100%; height: 100%; }

?

rash2x · May 6, 2011

либо создай div

div {
 position:absolute;
bottom:0;
right:0;
}

Edited May 6, 2011 by rash2x

Diamond_Cat · May 6, 2011

html, body { margin: 0; padding: 0; width: 100%; height: 100%; }

?

Елки иголки, вот спасибо, я не заметил что вся сия конструкция пренадлежит к body тогда как DOCTYPE HTML, соответственно ключевым моментом является привязка к HTML. надо забивать на верстку посреди ночи, голова не хочет обращать внимание на очевидности. СПС

rash2x

div {
 position:absolute;
bottom:0;
right:0;
}

если вы не внимательно читаете, то тогда лучше и не пишите, в моем вопросе явно прозвучало что я СЕЙЧАС ИСПОЛЬЗУЮ DIV, но мне это не удобно, к тому же использование конструкции приведенной вами, опять же не даст результата пока вы не поставите на HTML стили однозначно указывающие размеры.

но спасибо за душевный порыв в желании помочь.

Sign In

background-position:bottom right

Question

Diamond_Cat

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Gaspode

Link to comment

Share on other sites

rash2x

Link to comment

Share on other sites

Diamond_Cat

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information