VPF::почему картинка растягивается по всей ширине

supervladislav

Дата 11.1.2013, 18:06 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Подскажите пожалуйста , почему данная картинка растягивается на весь экран, почему тогда другие картинки формата jpeg или png с такими же размерами не растягиваются.
Дело точно не в коде , в какой то особенности фотошопа?

Код


body{padding:0px;
     margin:0px;
     outline:none;
     background-color:#ffffff; 
}
html{}

*{padding:0px;margin:0px;outline:none;}

div#main{position:relative;top:0px;left:0px;}

div#fon{width:100%;}

Код



<div id="main">
        <div id="fon"><img src="images/top.jpg"  alt="" border="0" width="100%"/></div>
        
        
        
        
    </div>

Это сообщение отредактировал(а) supervladislav - 11.1.2013, 18:11

Присоединённый файл ( Кол-во скачиваний: 4 )

top.jpg 5,48 Kb

Arantir

Дата 11.1.2013, 18:12 (ссылка)

(голосов:1)

Загрузка ...

Рыбак без удочки

Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55

Иногда мне кажется, что с такими темами приходят просто поиздеваться.

Цитата

--------------------

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

supervladislav

Дата 11.1.2013, 18:16 (ссылка)

(голосов:1)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Arantir, но вот на этом сайте точно так же код оформлен и работает.Картинку по ширине и по высоте я делал раздной.
http://tea-here.ru/

Aliance

Дата 11.1.2013, 18:16 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Arantir, посмотри его репутацию и все поймешь.)

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

supervladislav

Дата 11.1.2013, 18:36 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Вот вы мне принципиальную раздницу можите объяснить , почему в первом примере картинка заполняет весь экран ,а во втором примере
только ширине и пропорционально по высоте ,но пропорционально по высоте на всю width и height,

Код


 <div style="position:relative;top:55px;left:35px;height:83px;"><a href="http://tea-here.ru"> <img src="/templates/teahere/images/teahere.png" width="107px" height="83px" border="0" alt=""/></a>
                     
                 </div>

Код


body{margin:0px;
     padding:0px;
background-color:#e3d9be; 
width:100%;
height:100%;
min-width:1024px;
font-family:sans-serif;
 
}

*{margin:0px;padding:0px;outline:none;}


div#main{z-index:0;position:relative;top:0px;left:0px;min-width:1024px;}

div#shapka_main{z-index:1;position:absolute;top:0px;left:0px;width:100%;}
div#shapka_main img{}

Aliance

Дата 11.1.2013, 18:42 (ссылка)

(голосов:1)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

100% ширина отсчитывается от размера контейнера, в который она заключена. В одном случае размер контейнера не задан, значит по умолчанию равен ширине экрана (body), в другом случае он, видимо, задан (min-width:1024px;) и 100% отсчитываются не от всего экрана, а от этого размера.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

supervladislav

Дата 11.1.2013, 22:03 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Aliance, пробовал не получилось , никогда с таким не сталкивался.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »