psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Иван Шумов Не наступай на этот грязный форум своими золотыми ботинками, которыми ты ходил по полу этой Великой студии
-
Да нормал, я в принципе твою мысль понял, способ тоесть
-
Да мне это решение вчера перед сном в уме пришло, а утром встал и воплотил Вспомогательный блок всего один, который отвечает за цвет в тянущемся блоке, без него никуда. Но а в целом решение действительно гибкое, какие я люблю, тоесть можно менять и удалять, вставлять нужные и ненужные блоки, далее менять ширину, высоту, отступы на своё усмотрение. Так что каркас вышел довольно крепким и содержит в себе только необходимые элементы за исключением одного вспомогательного, о котором написано выше. Так что пользуйся на здоровье и обращайся ещё, всегда рад решить сложную задачку по CSS
-
А в K-Meleon смотрел?
-
Ну если осёл не нужен, значит всё гуд 100%. Короче отпишешься после теста
-
Какая таблица и пхп, ты о чём? Просто выносишь все стили для ИЕ в ихний файл стилей и всё))
-
Да не о чём, пиши всегда
-
Короче слушай внимательно: 1) Я тебе сделал свой вариант с подробными коментариями 2) Текст я уже забил в колонки, в которые нужно, поэтому не мудри там 3) Для ИЕ6 я сделал тоже всё кроме следующего: Правая колонка(серая) не имеет нижнего отступа, я просто не знаю какой экспрешн прописать или JS, что-бы она имела сразу оба отступа, верхний и низжний. Предлагаю дождаться Great Rash он в этом деле спец! 4) Если нужно, что-бы правая колонка была шире, то просто тупо сделай шире два блока: div.wrap div.right_block и div.wrap div.right_column, короче смотри сам, настраивай всё как тебе нужно, но смотри, каркас не ломай, если нужно будет в Контенте слева сделать 2 колонки ещё или 3, то суй их именно в <div class="content"> Ну что ещё...вроде всё, там в принципе и так всё понятно. Короче надо в ИЕ6 добить будет, посмотришь там http://psywalker.ru/Forum/Right_block_absolut/main.html
-
Не за что
-
А "Мы" - это кто, прости?
-
Ты короче выложи мне скрин, на котором будет показана 1) Коненчная задача 2) Комментариями описаны все нюансы каждого миллиметра блиин 3) Подробнейшее объяснение задачи под скрином!
-
поставь всем overflow: hidden;
-
погоди, а какого блока фон не растягивается и до куда должен тянуться?
-
Ещё как вариант я предложил бы каждой строке задать проценты: Тоесть верху 10%, низу тоже, а середине оставшиеся 80, тогда по-идее должно всё тянуться
-
Ну вообще мне тоже удобно уже ФФ пользоваться, так что кто прав, кто виноват, судить не нам
-
Допиши последнее правило: #cont {margin:15px auto; width:75%; background-color:#F0F0F0;/* border:1px solid #027B05;*/ overflow: hidden;}
-
Дружище, времени нет совсем, завтра - после завтра попробую решить твою задачку, самому интересно. И кстати я ничего не менял в центре, я просто доделал серый блок, что-бы в нём можно было писать текст сверху и до самого низа, как ты просил, а причём тут центр, я понять не могу. Ты мне можешь короче сделать пока скрин того, что ты хочешь получить в ИТОГЕ, что-бы мы точно понимали твою задачу
-
Дружок, я так не всматривался в твою задачу, скажи, это не то: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; } table { width: 100%; height: 100%; border-collapse: collapse; } td { width: 33%; } .red { background: red; height: expression(this.offsetParent.offsetParent.offsetHeight - 120); } .green { background: green; } .yellow { background: yellow; } .h { height: 60px; background: blue; } </style> </head> <body> <table> <tr> <td class="h"> </td> <td class="h"> </td> <td class="h"> </td> </tr> <tr> <td class="red"> 111 </td> <td class="green"> 222 </td> <td class="yellow"> 333 </td> </tr> <tr> <td class="h"> </td> <td class="h"> </td> <td class="h"> </td> </tr> </table> </body> </html>
-
Помогите разобраться с позиционированием ДИВов
psywalker replied to цсс любитель's question in HTML Coding
Лови: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Запоминай</title> <style type="text/css"> *{ margin: 0; padding: 0;} div#header, div#footer { clear: both; height: 100%; background: red; overflow: hidden;} div#left { float: left; width: 300px; background: blue;} div#right { overflow: hidden; zoom:1; background: green;} </style> </head> <body> <div id="header">HEADER</div> <div id="left">LEFT</div> <div id="right">RIGHT</div> <div id="footer">FOOTER</div> </body> </html> -
а может так: a.menu{display: inline;}
-
#title { display: table-cell;vertical-align: middle; height: 200px; } #title span { margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); font-size: 50px; display: block; } <h1 id="title"><span>Природа Мурманской области</span></h1> А экспрешн вынесешь в ИЕ файл стилей для ИЕ6-7
-
Ну ведь есть такое выражение "Очень удобно", значит оно для всех придумано, а не только для меня или тебя
-
Ну а тут уже тебе выбирать, а что ты хотел бы?
-
задать ему верхний марджин или паддинг
-
Молодец, в следующий раз будь повнимательнее