Jump to content

allod21

Newbie
  • Posts

    13
  • Joined

  • Last visited

allod21's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Не помогает. Все равно блок слетает вниз + текст заходит за границы области (справа)
  2. На сайте http://www.laureaty.ru/ в ИЕ6 основной блок улетает вниз... расположить его рядом с меню никак не получается div.wrap2 .mainpanel { color:#000000; background-color: #fff; width:750px; float:left; } пытался экспериментировать с position, ничего путного не выходит помогите грамотным советом
  3. и не раз! )) щас из системы все "бары" по удаляю и почищу реестр
  4. стоит последний ФФ 3.0.4 ... цвет текста красным становится только после его выделения
  5. В ИЕ все как надо, а в ФФ только при выделении текста: тут.
  6. Нужно сделать что бы выводился блок в который будет вписан текст. Сам блок должен быть полупрозрачный 0.5, а текст нормальный. Важное условие то, что размеры блока всегда разные и зависят от количества текста. ткните в пример ********** *текст 121* **********
  7. ммм... что лыбопытно: в FF3 все нормально в IE8.0 тоже но когда включаю режим совеместимости в IE8, то есть режим IE7 то выползает полоса
  8. тут Слева появляется белая полоса blockquote { float: left; padding: 1em; margin:0px; } если делать через: <div style="clear: left"></div> , то текст "В конференции примут участие:..." падает в конец страницы
  9. высота правого и левого столбца
  10. сделал последний блок 24.9 % - помогло)))
  11. Я хочу сделать что бы левый и правый столбец были ограничены линией dotted 1px например... но блоки у меня не фиксированной длины а могут изменяться в зависимости от информации... @@@@@@@@@ @@@@@@@@@ @@ @@ @@ @@ @@ @@ @@ @@@@@@@@@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color:#fff; } a { color: #0077dd; text-decoration: underline; } a:hover { text-decoration: none; } #Container { width:100%; height:50px; z-index:1; float: left; text-align: center; min-width: 800px; } #Header { width:100%; height:199px; z-index:1; float: left; background-image: url(background.gif); } /* Menu */ #menu { top: 100px; right: 100px; float: right; margin-right: 50px; margin-top: 50px; } #menu ul { list-style: none; } #menu li { display: inline; padding-left: 1.1em; margin-left: 1em; border-left: dotted 1px #E0E8EF; } #menu li.first { border: 0em; margin-left: 0em; padding-left: 0em; } #menu li a { color: #fff; padding: 0.1em; text-decoration: none; } #menu li a:hover { text-decoration: underline; } #Footer { width:100%; height:50px; z-index:1; float: left; background-image: url(background.gif); } #Content { width:100%; height:auto; z-index:1; float: left; } #content h2,h3,h4,h5,h6 { color: #545454; margin-bottom: 1em; border-bottom: dashed 1px #dfdfdf; padding-bottom: 0.3em; } #content h2 { font-size: 1.5em; } #content h3 { font-size: 1.1em; } #ContentLeft { width:25%; height:auto; z-index:1; float: left; } #ContentRight { width:24.9%; height:auto; z-index:1; float: right; } #ContentCenter { width:50%; z-index:1; float: left; border-right: dotted 1px #000; } #ContentCenterOne, contentcentertwo { width:100%; height:auto; z-index:1; float: left; border-bottom: dotted 1px #000; color: #0066FF; } #ContentCenterTwo { width:100%; height:auto; z-index:1; float: left; border-bottom: dotted 1px #000; color: #0066FF; } #ContentCenterThree { width:100%; height:auto; z-index:1; float: left; } --> </style></head> <body> <div id="Container"> <div id="Header"> <div id="menu"> <ul> <li class="first"><a href="#" accesskey="1" title="">Главная</a></li> <li><a href="#" accesskey="2" title="">О нас</a></li> <li><a href="#" accesskey="3" title="">Контакты</a></li> </ul> </div> </div> <div id="Content"> <div id="ContentLeft"> <h3>Левое блок 1</h3> <h3> </h3> <h3> </h3> <h3>Левое блок 2</h3> <h3> </h3> <h3> </h3> <h3>Левое блок 3</h3> <h3> </h3> <h3> </h3> <h3> </h3> <h3>Левое блок 4</h3> </div> <div id="ContentCenter"> <div id="ContentCenterOne"> <marquee behavior="scroll" scrollamount="5" scrolldelay="5" >Здесь будет бегущая строка ?1 Здесь будет бегущая строка ?1</marquee> </div> <div id="ContentCenterTwo"> <marquee behavior="scroll" scrollamount="10" scrolldelay="10">Здесь будет бегущая строка ?2 Здесь будет бегущая строка ?2</marquee> </div> <div id="ContentCenterThree"> <h3> </h3> <h3> </h3> <h3>Основное содержание </h3> </div> </div> <div id="ContentRight"> <h3>Правый блок 1</h3> <h3> </h3> <h3> </h3> <h3>Правый блок 2</h3> <h3> </h3> <h3> </h3> <h3>Правый блок 3</h3> <h3> </h3> <h3> </h3> <h3>Правый блок 4</h3> <h3> </h3> <h3> </h3> <h3> </h3> <h3> </h3> </div> </div> <div id="Footer"> <p> © 2008 <a href="http://validator.w3.org/check?uri=referer">XHTML Valid</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS Valid</a> </p> </div> </div> </body> </html>
  12. При просмотре в ИЕ - 3 блок имеет свойство "падать" вниз если окно браузера изменять,... как можно избежать этого в данном примере? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; } #Container { width:100%; height:50px; z-index:1; float: left; text-align: center; } #Header { width:100%; height:199px; z-index:1; float: left; background-image: url(background.gif); } #Footer { width:100%; height:50px; z-index:1; float: left; background-image: url(background.gif); } #Content { width:100%; height:auto; z-index:1; float: left; } #ContentLeft { width:25%; height:auto; z-index:1; float: left; } #ContentRight { width:25%; height:auto; z-index:1; float: right; top: -30px; } #ContentCenter { width:50%; height:auto; z-index:1; float: left; } #ContentCenterOne { width:100%; height:50px; z-index:1; float: left; } #ContentCenterTwo { width:100%; height:50px; z-index:1; float: left; } #ContentCenterThree { width:100%; height:auto; z-index:1; float: left; } --> </style></head> <body> <div id="Container"> <div id="Header"> Заголовок сайта </div> <div id="Content"> <div id="ContentLeft"> <p>Левое меню</p> <p> </p> </div> <div id="ContentCenter"> <div id="ContentCenterOne">Бегущая строка 1 </div> <div id="ContentCenterTwo">Бегущая строка 2 </div> <div id="ContentCenterThree"> <p> </p> <p> </p> <p>Основное содержание </p></div> </div> <div id="ContentRight"> Правый блок </div> </div> <div id="Footer"> Конец сайта </div> </div> </body> </html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy