Блок "content"

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем aqhe, 12 ноя 2010.

  1. aqhe

    aqhe Гость

    Всем привет, я новичек в области HTML, у меня возникла проблема - блок "CONTENT" скотился вниз, а первый и второй блок стоят нормально. Если переставлю блок контент перед первым блоком, то первый блок скатывается вниз а блок контент с вторым блоком остается, тоже самое с вторым блоком, если блок контент поставить в конце первого и второго блока то он скатывается вниз....скажите пожалуста, как всё это исправить? Заранее спасибо, если надо могу ссылку сайта отправить в ЛС.
     
  2. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Давай ссылку в ЛС.
    Хотя лучше будет и здесь оставить.)
     
  3. hosm

    hosm * so what *

    Регистрация:
    18 май 2009
    Сообщения:
    2.450
    Симпатии:
    7
    из-за малого кол-ва сообщений не сможете, пишите здесь в теме.
     
  4. aqhe

    aqhe Гость

    assassinbrother.ucoz.net
     
  5. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Ах) когда же юкоз умрет))

    Блок <div id="content">
    Нужно поместить перед блоком <div id="right">,
    предварительно исправив
    Код (Text):
    <div id="right" >
    на
    Код (Text):
    </div><div id="right">


    Добавлено:
    Блин)учитесь закрывать теги) горе-кодеры...
    Около 8и незакрытых </div> и один </ul>
     
  6. aqhe

    aqhe Гость

    Исправил, но как я выше писал, первый блок и блок контент уже стоят правильно, а второй блок сехал как контент раньше - вниз
     
  7. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Насколько я понял вы сами пыталиссь переделать шаблон?

    Иcходя из того, что есть - получается:
    Блок right имеет ширину, равную 100% ширины всего тела страницы, что видно на скриншоте:
    dge.png
    А значит иcходя из размеров просто не может поместиться между блоком content и правой границей, поэтому сдвигаетя вниз.
    Где-то вы накасячили в коде с <div> или в css с размерами.
    (или и в том, и в другом)

    Ошибка тут:
    Код (Text):
    style="font-size:2pt;padding-top:2px;text-align:left;margin-left:740px"
    Лучше оставьте здесь изначальный, не испорченый кривыми ручками код и css
     
  8. aqhe

    aqhe Гость

    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">HTML:</div></div><div class="sp-body"><div class="sp-content">
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">CSS:</div></div><div class="sp-body"><div class="sp-content">
    Это стандартный шаблон который взят в основу сайта. Второй(правый) контейнер добавлял сам....
    Если можете поправьте как правильно пожалуста, а то уже хочу заполнять сайт а этот блок уже достал :ya_lamo:
    Вот которые сейчас:
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">HTML:</div></div><div class="sp-body"><div class="sp-content">
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">CSS:</div></div><div class="sp-body"><div class="sp-content">
     
  9. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    Сейчас нет столько времени, чтоб каждую строчку исправлять.
    Только укажу ошибки, из-за которых у вас ничего не получается
    1.- в CSS грубейшая ошибка.
    Код (Text):
    }

    #right {
    float: right;
    width: 160px;
    padding-top: 15px;
    margin-right: 15px!important;
    margin-right: 7px;
    font-size: 0.9em;
    }

    }
    Фигурные скобки здесь портят всю стуктуру файла, и блоки теряют стили.
    Должно быть просто:
    Код (Text):
    #right {
    float: right;
    width: 160px;
    padding-top: 15px;
    margin-right: 15px!important;
    margin-right: 7px;
    font-size: 0.9em;}
    2.- отследите каждый тег.
    Сколько тегов открылось, столько и должно закрыться, и очень важно, чтоб закрывались они правильно, и стояли на своих местах.

    Установите себе dreamweaver, и по готовому двухколоночному шаблону сделайте для себя нужный дизайн
     
Загрузка...

Поделиться этой страницей