ChipAlina
Newbie-
Posts
19 -
Joined
-
Last visited
ChipAlina's Achievements
Explorer (1/14)
0
Reputation
-
Нашла ответ на свой вопрос. Правильный код: HTML: <body> <div id = "main" align = "center"> <!--HEADER--> <div id = "header" align = "center"> <div class = "header_left"></div> <div class = "header_right"></div> <div class="clear"></div> </div> <!--HEADER--> </div> </body> CSS: * {padding: 0px; margin: 0px;} html,body { height:100%; width:100%;} #main { min-width:1024px; width:expression(document.body.clientWidth > 1024? "auto": "1024px" );} #header { width:1024px; margin:0 auto;} .header_left,.header_right {height:164px; float:left; background-repeat: no-repeat;} .header_left {width:233px; background: url("/images/header_left.jpg");} .header_right{width:789px; background: url("/images/header_right.jpg");} .clear{clear:both;} Спасибо за ответы!
-
Да, пробовала - не работает. Эксперименты пока тоже не удаются.
-
В том то и дело, что если рамку ставить, пробела нет между блоками, а если ее убрать , то в IE6 появляется белая полоса. Это первая проблема. А вторая заключается в том, что при сжатии окна браузера правый блок начинает прыгать - смещаться вниз. Ссылка на сайт http://alina-potashnikova.narod.ru/
-
Всем привет. Приводимый код работает корректно везде кроме IE6. Что не так? Описание: в IE6 правый блок, при сжатии окна браузера, перемещается вниз. При широком окне между блоками белая полоса. Как это исправить? html Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <!--META--> <meta http-equiv = "Content-Language" content = "ru" /> <meta http-equiv = "Content-type" content = "text/html; charset = UTF-8" /> <meta name = "description" content = "Описание в Google..." /> <meta name = "keywords" content = "Ключевые слова..." /> <!--LINKS--> <link rel = "stylesheet" type = "text/css" href = "/styles/block.css" /> <link rel = "stylesheet" type = "text/css" href = "/styles/text.css" /> </head> <body> <div id = "main" > <!--HEADER--> <div id = "header" > <div class = "header_left"></div> <div class = "header_right"></div> </div> <!--HEADER--> </div> </body> </html> CSS код: body {margin: 0px; padding: 0px;} #main {margin: 0px; padding: 0px; min-width: 1024px; width:expression(document.body.clientWidth > 1024? "auto": "1024px" ); overflow: hidden;} #header {height: 164px; position: relative; left: 50%; float: left; min-width: 1024px; width:expression(document.body.clientWidth > 1024? "auto": "1024px" );} .header_left {margin: 0px; height: 164px; width: 234px; background:url("/images/header_left.jpg"); background-repeat: no-repeat; float: left;position: relative; right: 50%;} .header_right {margin-left: 234px; height: 164px; width: 790px; background: url("/images/header_right.jpg"); background-repeat: no-repeat; position: relative; right: 50%;} Спасибо.
-
Конечно могу! http://alina-potashnikova.narod.ru/ Заслуга Lincky.
-
Огромный респект! Все заработало.
-
не получается сверстать в IE6 такой вариант. Получилось только с этим шаблоном. Нужно все в точности как здесь (кроме бага).
-
Убрала div#body. Прописала div#container {min-width: 800px; width:expression(document.body.clientWidth > 800? "auto": "800px" );} Не работает.
-
Здравствуйте. Вот сайт: http://programtest.narod.ru/ Проблема: Только в IE6 при сжатии окна по горизонтали (причем быстро, что тоже не понятно) левая колонка начинает смещаться вправо. Так быть не должно. Во всех других браузерах работает корректно. В чем дело? Как убрать баг? Спасибо.
-
Всем спасибо! Разобралась сама. Все заработало. Все с чего то начинают. А здесь я смотрю только критиковать умеют вместо помощи. P.S. За ссылочку спасибо!
-
Всем привет! Не работает ссылка в опере и мазиле. Что делать? Код: <a href = 'kont.php'> <td width = 9% style = "cursor: pointer" onmouseover="this.style.backgroundColor='#9aa5b6'" onmouseout="this.style.backgroundColor=''"><p class = 'menu'>КОНТАКТЫ</td></a> Заранее спасибо за ответы!
-
1) IE 6 и Ореrой 9.10 2) это я так объясняю ... В общем, так.. - у меня фон в виде картинки я его задаю в файле css таким образом body { border: 0; padding: 0; margin: 0; background-color: #dee8fc; background-position: 50% 0; background-image: url("back.jpg"); background-repeat: no-repeat; background-attachment: scroll; } - далее я хочу вставить div в котором тоже будет картинка, и эта картинка находиться сверху фона но в определенном месте, там где серая полоска(см. ссылку на изображение ранее) - я описываю параметры этой картинки в css div.panel { border: 0; padding: 0; margin: 0; background-image: url("panel.jpg"); background-repeat: no-repeat; background-attachment: scroll; position: relative; top: 1%; left: 19.6%; width: 100%; height: 100%; z-index: 1; } - и по идеи она должна отходить на 1%сверху и 19.6% слева...все правильно так и отходит ..т.е. при полностью развернутом окне браузера, эта картинка у меня находиться в нужном месте на фоне. - но! когда я начинаю менять окно браузера: фон то у меня потихоньку смещается (т.е. в видмой области остается центр фона), а вот оранжевая картинка(т.е. та которая сверху фона) остается на прежнем месте..получается что она уходит вправо с нужного положения. - нужно: что бы она вместе с фоном , при изменении окна браузера, оставалась на своем положении ОТНОСИТЕЛЬНО фона. Фуф...ничего не понятно... по ходу с этим справиться могут только table а не divы...я что то совсем замучалась...
-
убрала width: 100% , поставила left: 10% - картинка изменила просто свой размер (т.е. растянулась на 80% ширины окна браузера), но слева не отступила http://potashnikova-alina.narod.ru/ если что не так загружаю - говорите, я лузер в этом деле.
-
страница это вариант в смысле? третий вариант, 22 строчка... и еще волновал такой вопрос...у меня две картинки. одна над другой...причем верхняя по размерам меньше..при уменьшении окна, как сделать так , что бы она как бы залипла на нижней картинке, т.е. перемещалась с ней вместе ? верхняя у меня уплывает.. вправо
-
psywalker Подскажите пожалуйста, почему когда я заменяю 0% на 50% в свойстве left (для img) картинка не двигается?