psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Unsiker А ты хочешь , чтобы юзеры ИЕ грузили себе разваленный сайт?
-
Unsiker Видишь, я написал его в специальныx комментариях, которые понимает только ИЕ6, поэтому всё будет валидно, но я бы тебе посоветовал всё равно создавать отдельный файл стилей специально для броузеров IE6-7
-
Min-width: html body { width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto"); }
-
Unsiker Не за что <!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>Content</title> <style type="text/css"> *{ margin: 0; padding: 0;} body{ min-width: 800px; } div.left { float: left; width: 200px; background: #f00; } div.right { float: right; width: 240px; background: #03F; } div.content { background: #C63; margin: 0 240px 0 200px; } </style> <!--[if IE 6]> <style type="text/css"> html body { width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto"); } </style> <![endif]--> </head> <body> <div class="left">LEFT</div> <div class="right">RIGHT</div> <div class="content">Есть у меня тривиальная задача. Но не получается у меня все красиво сделать. Мне нужно сверстать главную страницу, а именно информационную часть (то что находится между header и footer). В таблицах такое делается без проблем, но вот Дивами у меня никак не получается. Во вложении нарисовано как это должно выглядеть. Помогите с версткой. </div> </body> </html>
-
ок, хорошая штука, буду знать теперь
-
ааа, воо, ничтяк, спасибо дружище, выручил Слушай, а эту тему можно так с любым блоком провернуть, и неважно где он находится?
-
ага, точняк, пасиб... слушай, в ИЕ7 заработало, а в ИЕ6 не хочет, подскажи, что там надо писать?
-
Nekromancer дружище, в ие7 будет работать даже без height: expression(this.parentNode.clientHeight+'px') ?, просто ауто лупануть ему?
-
Zarina Рисунок сделать не фоном, а <img /> , задать ему ширину 100% и высоту по ситуации, а поверх него уже сайт писать, должно работать
-
Не за что, если чё, обращайся
-
попробуй line-height: ...;
-
а ты сделай нижний борден у Шапки, вместо твоего hr и всё
-
На самом деле это какой то странный баг, который я например не могу обезвредить, могу только предложить тебе хорошее решение взамен: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> *{ margin: 0; padding: 0;} div.white-bold { background: gray; width: 50%; float: left; } div.grey { margin-left: 50%; background: red; } </style> </head> <body> <div class="white-bold">sgdfg fgd fg </div> <div class="grey">dfg d g</div> </body> </html>
-
Izum 1) Наверное придётся делать Главном блоке ещё один блок, и задавать ему float: right; и ширину.. 2) Убрать отступы, а вообще надо смотреть ситуацию..
-
Great Rash Извини , а ты не мог бы мне поподробнее объяснить это свойство: counter-increment: 5; , я чёто не могу найти толковой инфы насчёт него, не могу вкурить, как оно работает, там же ещё есть какие то вроде свойства, которые прилагаются к нему , да?
-
sig Так не пойдёт: <!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.one { width: 100px; background: red; float: left;} div.two { width: 100px; background: #000; float: left;} div.three { width: 100px; background: #03F; float: right;} div.four { background: #3F3; margin: 0 100px 0 200px;} </style> </head> <body> <div class="one">1</div> <div class="two">2</div> <div class="three">3</div> <div class="four">text text text text text text text text text text textext text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text texttext text text text text text text text text text text text texttext text text text text text text text text text text text texttext text text text text text text text text text text text textt text text</div> </body> </html>
-
nvgudz Дружище , Спасибище тебе,но есть проблема: Когда заполняется Контент, то Левая колонка тянется за ним, а вот когда Наоборот заполняется Левая колонка, то Контент остаётся на месте, и не тянется за Левой колонкой, а нужно, чтобы всё при переполнении содержания тянуло друг друга
-
Мужики, ну что, есть желающие помочь с задачкой?
-
evgeney Вот именно, что такого не должно быть
-
А какже фон с уголками закруглёными растянуть в ячейке? Фон ещё градиент сверху вниз блин Какие ещё способы кто посоветует?
-
Ребят, задача на мой взгляд очень интересная, вобщем есть сайт, шапка, левая колонка и правая. В левой колонке есть меню, под ним Блок,а справа Контент, но вся Загвоздка в том, что Контент и это Левое нижнее меню имеют Закруглённые углы, и ещё вдобавок Фон, соответствующего цвета, Поэтому вопрос: Как сделать так, чтобы когда например Контент переполняется содержанием и тянется ниже, чтобы этот Левый блок тоже тянулся вместе с Контентом, а за ним и его Фон с уголками, и Наоборот чтобы когда Левый блок переполнялся, то уже контент тянулся за ним? Вот схема:
-
Вместо Бордера вот сюда повесь фон: html { border-right: 5px solid red; height: 100%;} body { border-left: 5px solid red; font: bold .625em Tahoma, Geneva, sans-serif; height: 100%;} <!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;} html { border-right: 5px solid red; height: 100%;} body { border-left: 5px solid red; font: bold .625em Tahoma, Geneva, sans-serif; height: 100%;} ul{ width: 40em; background: #eff2df; list-style: none; padding: 2em; position: relative; left: -.3em; top: -.3em; } li { zoom: 1; position: relative; border-bottom: .1em dotted #F00; padding-right: 10em;} li b { font-size: 1.2em; padding-right: .5em; position: relative; bottom: -.5em; left: 0; background: #eff2df;} li span { position: absolute; right: 0; bottom: -.5em; background: #eff2df; padding-left: .5em; } </style> </head> <body> <ul style=" width: 888px; margin: 0 auto;"> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?</b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню? </b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню? </b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?</b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас </b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят </b> </li> </ul> </body> </html>
-
да
-
1) 5-ый квадратик слева, верху, где пишешь сообщение 2) Вставляешь в окошко адрес полный и всё
-
Lincky А покажи код ради интереса, всё таки узнать, чтоже ты хотел на самом деле
