div фон

morgusha · November 22, 2012

Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ???

#left{
	        background:url(i/170.jpg) center no-repeat;
			/*background: url(i/170.jpg) no-repeat;*/
			/*background-color: #0ff;*/
			background-size: 100% 100%;            /*расстягиваем картинку под див*/
			/*border:		1px solid #000000;*/
			width: 		70%;
            height:     400px;
			float: 		left; /*обтекание блока по правой стороне другим блоком*/
	}

<div id="container"><!--CONTAINTER STARTS-->
<div id="header">header</div>	
<div id="left"></div>
<div id="right"> right</div>
<div id="clear">clear</div>
<div id="content">content</div>
<div id="footer">footer</div>
		</div><!--CONTAINER ENDS-->

alekseyk24 · November 25, 2012

борджер становится не прозрачным,а серым , если делать как вы пишите (((
http://morgusha.hut2.ru/
вот нужно вокруг контента сделать линию такую же как и на главной картинке полупрозрачную !

оу сори не заметил у вас стоит background-color он перекрывает border, тогда вам в помощь outline

outline: 3px solid rgba(0, 0, 0, 0.5);

http://htmlbook.ru/css/outline

и желательно весь текст взять в тег <p>

Edited November 25, 2012 by alekseyk24

morgusha · November 25, 2012

пасибки за outline;) ещё вопросик )))

<!DOCTYPE HTML>
<!-- design-001 -->
	<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>::TITLE::</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
 <style type="text/css">
	.text1{
	color: c66201;
	font-size: 50px;
	}
	.spisok{
 margin: auto -30px; /* значение отступов */
 padding: 80px; /* значение полей */
}

.spisok li {
 display: inline; /* Отображать как встроенный элемент */
 margin-right: 25px; /* Отступ слева */
 color: white;
}

что бы оутлайн работал в ие я прописал такую вот голову у файла хтмл ! и теперь в стиле .text1 цвет текста не меняется стал чёрным и всё не хочет меняться не в 16 ричной если воожу ни если в rgb только если ввожу словами типа WHITE итд

сори забыл # поставить )

alekseyk24 · November 25, 2012

не за что)

сори забыл # поставить )

бывает)

morgusha · November 26, 2012

а вот вопросик как реализовать такое ! Значит есть блок контент в нём текст и вокруг этого блока как раз рамка инлайном сделанная ! а нужно теперь ещё вписать один блок в этот блок и что бы текст слева его обтекал , но рамка шла по всему общему блоку ! можно ли сделать так: оставить этот блок как есть не меняя его ширину так как тогда и рамка станет не той ширины что надо ! а просто внутрь вставить ещё один блок и растянуть его по правому краю на ширину 40% от ? я просто пробую вставить блок и в итоге текст вставляется в мой новый блок,а не остаётся в старом !

#content{
			line-height: 1;  /*межстрочный отступ*/
			background-color: #ede2c5;
			/*border:		3px solid #000000;*/
			height: 100px auto;
			margin: 10px 2px;
			outline: 3px solid rgba(101, 35, 1, 0.4);	
			}
			#content1{
			border:		1px solid #000000;
			width: 25%;
			float: right;
			height: 100%;
			}

вот код с контенте текст а надо что бы была вот ещё один блок контент 1 и он был другого фона и занимал 30 процентов от блока контент и текст его обтекал бы слева !

<div id="content"><div id="content1"></div>Мы предлагаем только лучшее для стильных людей!<br>
Самые красивые дети рождаются в любви, а истинные произведения искусства появляются в минуты божественного вдохновения. В каталог 
</div>

если в хтмл див закрывать после текста то тогда текст будет внутри блока (

Edited November 26, 2012 by morgusha

morgusha · November 26, 2012

или для токого надо полюбому делать один главный блок и в него уже вставлять 2 других ???

alekseyk24 · November 26, 2012

http://jsfiddle.net/mRzdy/2/

morgusha · November 26, 2012

блин пасиба ты прям выручаешь )

а что это за сайт такой на который ты дал ссылку ? это конструктор что ли какой то ?

alekseyk24 · November 26, 2012

блин пасиба ты прям выручаешь )
а что это за сайт такой на который ты дал ссылку ? это конструктор что ли какой то ?

ну типа да

http://gering111.com/jsfiddlenet-pesochnitsa-dlya-veb-razrabotki/

morgusha · November 26, 2012

morgusha,

morgusha · November 26, 2012

блин весь мозг сломал почему по ссылке http://morgusha.hut2.ru/ при трансформации окна браузера нижнее меню начинает выходить за перделы блока футера ? (((

<div id="footer"><ul class="spisok1"> <li>ГЛАВНАЯ</li><li>КАТАЛОГ РАБОТ</li><li>НАШИ ДИЗАЙНЕРЫ</li><li>ОТЗЫВЫ</li><li>ВАКАНСИИ</li><li>О НАС</li><li>КОНТАКТЫ</li></ul></div>

#footer{
			background-color: 	#652301;
			border:				1px solid #000000;
			/*margin: 			10px auto;*/
			height: 			5% auto; 
	}

Edited November 26, 2012 by morgusha

Николя223 · November 26, 2012

у вас у класса .spisok1 стоит margin по левому и правому краю триста пикселей. ставьте auto =)

а footer- у добавьте text-align: center

Edited November 26, 2012 by Николя223

alekseyk24 · November 26, 2012

блин весь мозг сломал почему по ссылке http://morgusha.hut2.ru/ при трансформации окна браузера нижнее меню начинает выходить за перделы блока футера ? (((
<div id="footer"><ul class="spisok1"> <li>ГЛАВНАЯ</li><li>КАТАЛОГ РАБОТ</li><li>НАШИ ДИЗАЙНЕРЫ</li><li>ОТЗЫВЫ</li><li>ВАКАНСИИ</li><li>О НАС</li><li>КОНТАКТЫ</li></ul></div>
#footer{
			background-color: 	#652301;
			border:				1px solid #000000;
			/*margin: 			10px auto;*/
			height: 			5% auto; 
	}

потому что у тебя там сейчас стоит height: 30px; убери его или напиши как сверху

Николя223 · November 26, 2012

где height: 30px? там вообще ошибка

alekseyk24 · November 26, 2012

когда я заходил было,,а теперь ващее нечего нету))

morgusha · November 26, 2012

ахах ) посмотрите сейчас всё норм плиз?)

ток теперь когда сжимаю браузер, то при прокрутки сайта в бок фон исчезает почему то на правой части сайта ??? (

Edited November 26, 2012 by morgusha

alekseyk24 · November 26, 2012

ахах ) посмотрите сейчас всё норм плиз?)
ток теперь когда сжимаю браузер, то при прокрутки сайта в бок фон исчезает почему то на правой части сайта ??? (

я бы так написал, ну впрочем Николя223 тебе уже советовал)

.spisok1 {

font-size: 10px;

padding: 10px;

text-align: center;

}

в body добавь background-repeat: repeat-x;

также можно еще добавить text-align: center в #header

Edited November 26, 2012 by alekseyk24

morgusha · November 27, 2012

спасибо большое !

Sign In

div фон

Question

Link to comment

Share on other sites

42 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information