SnowWind
-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SnowWind
-
Как в этом случае сделать резиновым по высоте тэг div.a2? код
-
Всем привет Пытаюсь изменить высоту футтера на сайте http://zpcom.ru/, сделав её равной 100px, но меняя с 271 на 100 футтер "улетает" вверх. 1. Как сделать так, что бы блок #footer-wrapper находился под блоком #copyright-row и не менял своего положения, при изменении его высоты? 2. От каких границ отталкивается блок #footer-wrapper и почему?
-
вот добился результата, загнав основные блоки в абсолют - http://jsfiddle.net/MsnWg/14/
-
цель - растянуть div.conteiner в оставшееся от постоянной заданной высоты шапки пространство экрана, а футер то я уже в нём прижму абсолютом
-
nice i'm don't know about calc() thanx man а без calc() есть решения?
-
это не то, о чём я вам говорил, вы мне дали пример, где футер прижимают к низу страницы, я не это спрашивал. есть шапка 250px под ней див который нужно растянуть на оставшееся свободное место экрана см. мой пример
-
Ребята привет. Делема в том, что нужно растянуть div.conteiner во всю оставшуюся от шапки div.head высоту экрана, что бы не появлялась полоса прокрутки. Вот код http://jsfiddle.net/MsnWg/12/ Подскажите пожалуйста как можно сделать.
-
примного благодарен, всем спасибо
-
а тогда он считает ширину от 70% или от 100%?
-
Привет ребята есть у меня блок .menu {width: 70%;} а в нём тэги li {width: 10%;} как я понимаю браузер размеры тэгов li считает от края экрана, а как сделать что бы он считал от блока .menu?
-
Статично прописать, можно если найти исполняемый файл php для меню джумла, в общем то не проблема. Но я думал может можно так прописать в стилях для второго <li> как сделал я [/background] .menu li li { height: 50px; } ан не работает
-
Всем привет. Подскажите пожалуйста, можно ли изменить высоту второго тэга <li>? Т.е у меня меню из 4 колонок и мне нужно высоту второго пункта меню увеличить. Причём движок сайта (joomla) сам назначает id для каждого пункта, и я не знаю какой он будет в следующий раз, а высота второго <li> всегда должна быть выше остальных. Пытался сделать вот так: .menu li li { height: 50px; }
-
и? как?
-
Всем привет. Возможно ли сделать div1 резиновым в такой конструкции: <div1> <div2></div> </div> .div2 {position:absolute;}
-
Привет ребята Подскажите пожалуйста, как сделать 3 колонки, которые одинаково растягиваются по высоте, ширина макета 1000px. Никак не могу найти, на ум приходит только таблицей, а можно ли дивами?
-
вот уж печалька, а вот я убираю margin-top: 100px; у div.margin помещаю внутрь него тег <p> и ему задаю ему margin-top: 100px; и опять ерунда это то же схлопывание?
-
Всем привет Ребята объясните пожалуйста принцип работы margin-top от чего он отталкивается? вот код <html> <head> <link href='css.css' rel='stylesheet' type='text/css' /> </head> <body> <div class="container"> <div class="margin"> </div> </div> </body> </html> body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #838485; } .container { margin-left: auto; margin-right: auto; padding: 0px; width: 500px; height: 200px; background-color: blue; } .margin { margin-top: 100px; height: 50px; width: 200px; background-color: red; } и вот результат работы Почему он отталкивается не от container а видимо от body ???
-
D1mK4 ага, вроде работает тебе в профиле комментарий оставил в виде ICQ м.б добавишь.
-
zSpx Это не помогло ShumNo Это ничего не дало D1mK4 - а вот это уже идея
-
Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически <div class="content"></div> <div class="div.doska_menu"></div> <div class="menu_temp">Какой-то текст</div> div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid black; } div.content { height:90%; min-height:200px; padding:0px; width:800px; margin-left:420px; margin-top:10px; border:3px solid black; } div.menu_temp { width:400px; height:400px; margin: 0px; padding: 0px; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid red; } Почему так происходит? Почему блок div.menu_temp залазит на блок div.doska_menu? И почему ткст из блока div.menu_temp отображается совсем не в нём?
-
Что всё, варианты кончились? Вот так никто и не может мне ничего толком объяснить и подсказать :-(
-
Да хотя бы что бы ФФ и Опра норм отображали приисходном масштабе
-
ну я везде убираю 100% в результате граница html занимает ВСЁ пространство и body немного понижается, но висит почти так же как на рисунке. Посмотреть можно на zabdom.ru
-
Здравствуйте товарищи, своё первое сообщение, как водится на подобных форумах, начну с вопроса, который мучает меня уже 2 недели Никак не могу добиться что бы BODY растягивался в зависимости от содержимого страницы. Привожу 3 наглядных примера вида окна браузера в разрешении экрана монитора 1152x864(оранжевый бордер - граница html, красный - body) Тут как бы всё нормально выглядит А если прокрутить чуть ниже... то уже совсем не нормально и видно что боди и не собирается растягиваться вслед за содержимым А теперь сбросим масштаб Тут уж вообще ужас HTML <body> <div class="conteyner"> <div class="fon"> <div class="fon2"> <div class="green"> <div class="name"><img src="/templates/zabdom/images/site_name.png"></div> <div class="logo"><img src="/templates/zabdom/images/zabdom_logo.png" alt="Забайкальский дом"></div> <div class="doska_menu"><div class="menu"></div></div> <div class="content"> <div class="content_fon_round_left-top"></div> <div class="content_fon_center_top"></div> <div class="content_fon_round_right-top"></div> <div class="content_fon_left"></div> <div class="content_fon_center"> </div> <div class="content_fon_right"></div> <div class="content_fon_round_left-bottom"></div> <div class="content_fon_center_bottom"></div> <div class="content_fon_round_right-bottom"></div> </div> </div> </div> </div> </div> </body> CSS html { margin-top:0px; margin-bottom:0px; width: 100%; height: 100%; border: 10px solid orange; } body { margin-top:0px; margin-bottom:0px; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 10px solid red; } div.conteyner { width: 100%; height: 100%; padding: 0px; margin: 0px; position: relative; background-color:green; background-repeat:repeat; border: 10px solid green; } div.fon { width: 100%; height: 100%; padding: 0px; margin: 0px; background-image:url(../images/fon2.jpg); background-repeat:repeat; } div.fon2 { width: 100%; height: 100%; padding: 0px; margin: 0px; background-image:url(../images/fon.png); background-repeat:repeat; } div.green { height: 100%; width: 1200px; padding: 0px; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px; } div.name { width: 700px; height: 100px; margin-left: auto; margin-right: auto; margin-top:10px; } div.logo { width:1024px; height:768px; margin-top:20px; margin-left: auto; margin-right: auto; overflow:visible; } div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; } div.menu { margin-top:70px; padding: 0px; font: normal 30px Monotype Corsiva; color: 1e72be; } div.content { width:800px; height:90%; margin-left:400px; margin-top:10px; } Вроде бы оставил всё самое главное, очень надеюсь на вашу помощь