Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > почему картинка растягивается по всей ширине

Автор: supervladislav 11.1.2013, 18:06

Подскажите пожалуйста , почему данная картинка растягивается на весь экран, почему тогда другие картинки формата 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>

Автор: Arantir 11.1.2013, 18:12

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

Цитата

Автор: supervladislav 11.1.2013, 18:16

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

Автор: Aliance 11.1.2013, 18:16

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

Автор: supervladislav 11.1.2013, 18:36

Вот вы мне принципиальную раздницу можите объяснить , почему в первом примере картинка заполняет весь экран ,а во втором примере
только ширине и пропорционально по высоте ,но пропорционально по высоте на всю 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

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

Автор: supervladislav 11.1.2013, 22:03

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