Проблема с background-image в диве

Cheweyk · September 3, 2011

Стоит фиксированная ширина, картинка как фоновая, а почему-то изменяется в ширине от размера текста. Как исправить?

Скрин

вот картинка под фон для блока

Вот css

div#G {
	position:absolute;
    min-width: 215 px;
    top: 416px;
    left: 584px;
    height:344px;
    right:auto;
    background-color:#d9f5ea;
    background-image:url(images/frame1.png);
	background-repeat:no-repeat;
	}

вот код html

 <div id="G" >
    Ggggg
  </div>

Edited September 3, 2011 by Cheweyk

Temiks · September 3, 2011

мин ширина не работает из за

position:absolute;

поставьте фикс ширину

Cheweyk · September 3, 2011

On 9/3/2011 at 5:48 PM, Temiks said:
мин ширина не работает из за
position:absolute;
поставьте фикс ширину

как?

Если ставить просто width, то результат тот же

Edited September 3, 2011 by Cheweyk

Temiks · September 3, 2011

Проверьте внимательно код, у меня все работает


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css" >
           html, body {
               margin: 0;
               padding: 0;

           }
           div {
               position: absolute;
               width: 100px;
               height: 100px;
               background: red;
               top: 100px;
               left: 100px;
           }
        </style>
    </head>
    <body>
        <div>
            text
        </div>
    </body>
</html>

Cheweyk · September 3, 2011

On 9/3/2011 at 5:58 PM, Temiks said:

Проверьте внимательно код, у меня все работает


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css" >
           html, body {
               margin: 0;
               padding: 0;

           }
           div {
               position: absolute;
               width: 100px;
               height: 100px;
               background: red;
               top: 100px;
               left: 100px;
           }
        </style>
    </head>
    <body>
        <div>
            text
        </div>
    </body>
</html>

Это у меня тоже работает :blush:

Я если цвет ставлю, то все хорошо, а картинка почему-то обрезается по размеру текста

Temiks · September 3, 2011

Скопирывал ваш код, нашел ошибку, вы когда указывали ширину сделали отступ между указаниями, то есть не

width: 215 px;

а

width: 215px; (пробела нету)

Я если цвет ставлю, то все хорошо, а картинка почему-то обрезается по размеру текста

- можно ссылку на страницу?

Edited September 3, 2011 by Temiks

Cheweyk · September 3, 2011

On 9/3/2011 at 6:13 PM, Temiks said:
Скопирывал ваш код, нашел ошибку, вы когда указывали ширину сделали отступ между указаниями, то есть не
width: 215 px;
а
width: 215px; (пробела нету)
Я если цвет ставлю, то все хорошо, а картинка почему-то обрезается по размеру текста
- можно ссылку на страницу?

Спасибо большое, пробелы убрала - помогло :blush:

Temiks · September 3, 2011

On 9/3/2011 at 6:18 PM, Cheweyk said:

On 9/3/2011 at 6:13 PM, Temiks said:
Скопирывал ваш код, нашел ошибку, вы когда указывали ширину сделали отступ между указаниями, то есть не
width: 215 px;
а
width: 215px; (пробела нету)
Я если цвет ставлю, то все хорошо, а картинка почему-то обрезается по размеру текста
- можно ссылку на страницу?
Спасибо большое, пробелы убрала - помогло

Отлично

Sign In

Проблема с background-image в диве

Question

Cheweyk

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Temiks

Link to comment

Share on other sites

Cheweyk

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

Cheweyk

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

Cheweyk

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information