Почему img с шириной 900px не заполняет окно шириной 900px

@moody88 · Регистрация: 06.12.2010

Студворк — интернет-сервис помощи студентам

почему получается такая ситуация

Почему img с шириной 900px не заполняет окно шириной 900px

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body>
<div id="header">
    <div id="logo"><a href="#">Ляляхи</a></div>
    <div id="nav">
        <ul>
             <li><a href="i2.html">До</a></li>
             <li class="back"><a href="#">ре</a></li>
             <li class="back"><a href="#">ми</a></li>
             <li class="back"><a href="#">фа</a></li>
        </ul>
    </div>
</div>
    <div id="economy"> трататата тратата тратата
    </div>
    <div id="mainimg"></div>
 
 
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
* { margin: o px; padding: 0 px;}
 
body { width: 1000px; height: auto; margin: 0 auto; border:#000000 dotted thin;  }
 
 
#logo { width: 256px; height: 39px; background-image: url(../img/logo.gif); background-repeat:no-repeat; background-position: left; text-indent: 19px; font: 36px Agopus; margin-top:30px; display:inline-block; letter-spacing:.6px;}
#logo a { text-decoration:none; color:#000000;}
 
#nav {float:right; margin-top: 28px;}
#nav li { display: inline-block; list-style-type: none; font: 14px Agopus; text-indent: 33px; color:#999999; text-transform: uppercase; margin-right: 25px;}
#nav li a { text-decoration:none; color:#999999;}
#nav li a:visited { text-decoration: none; color:#999999; background-color:#FFFFFF}
#nav li a:hover { text-decoration: none; color:#FFFFFF; background-color:#00FF00;}
.back {background-image: url(../img/bgnav.gif); background-repeat:no-repeat; background-position:left;}
 
#economy { margin-top: 39px; width: 340px; height:auto; font: 16px Agopus; text-align:justify;} 
 
#mainimg { width: 900px; height: 300px; background-image:url(../img/main_back.png); background-repeat:no-repeat; border:#000000 dotted thin; margin-left: -30px;}

простите что css в строчку
спасибо

@moody88 · 16.04.2011, 00:01 **[ТС]**

честно говоря не знаю зачем весь код выложил.. это относится только к диву mainimg

@OVSite · 16.04.2011, 00:06

moody88, залей сюда изображение.

@moody88 · 16.04.2011, 00:11 **[ТС]**

@OVSite · 16.04.2011, 00:22

moody88, не заполняет потому что ещё учитывается прозрачная область изображения.

@moody88 · 16.04.2011, 00:25 **[ТС]**

а.. так 900x199 это только видимая часть?

@OVSite · 16.04.2011, 00:26

moody88, нет видимая часть меньше.

@moody88 · 16.04.2011, 00:32 **[ТС]**

ну...изображение размером 900x199 прописывается бэкграундом в див с width 900px!
Отчего же ему не занять весь див тогда?

спасибо

Добавлено через 1 минуту
о Господи...чего я туплю...простите...жесть

@Mailo · 16.04.2011, 16:42

У меня вот тоже вопрос по img. Нафига их вокруг всегда окружает невидимая рамка, которая убирается если display:block; применить?

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@moody88 6 / 6 / 0 Регистрация: 06.12.2010 Сообщений: 125
	16.04.2011, 00:01 [ТС]
	честно говоря не знаю зачем весь код выложил.. это относится только к диву mainimg 0

@OVSite 171 / 169 / 1 Регистрация: 22.08.2010 Сообщений: 1,251
	16.04.2011, 00:06
	moody88, залей сюда изображение. 0

@moody88 6 / 6 / 0 Регистрация: 06.12.2010 Сообщений: 125
	16.04.2011, 00:11 [ТС]
	0

@OVSite 171 / 169 / 1 Регистрация: 22.08.2010 Сообщений: 1,251
	16.04.2011, 00:22
	moody88, не заполняет потому что ещё учитывается прозрачная область изображения. 1

@moody88 6 / 6 / 0 Регистрация: 06.12.2010 Сообщений: 125
	16.04.2011, 00:25 [ТС]
	а.. так 900x199 это только видимая часть? 0

@OVSite 171 / 169 / 1 Регистрация: 22.08.2010 Сообщений: 1,251
	16.04.2011, 00:26
	moody88, нет видимая часть меньше. 1

@moody88 6 / 6 / 0 Регистрация: 06.12.2010 Сообщений: 125
	16.04.2011, 00:32 [ТС]
	ну...изображение размером 900x199 прописывается бэкграундом в див с width 900px! Отчего же ему не занять весь див тогда? спасибо Добавлено через 1 минуту о Господи...чего я туплю...простите...жесть 0

@Mailo 248 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,312
	16.04.2011, 16:42
	У меня вот тоже вопрос по img. Нафига их вокруг всегда окружает невидимая рамка, которая убирается если display:block; применить? 0