CSS трабла

Тема в разделе "Веб-дизайн", создана пользователем [/root.], 21 янв 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. [/root.]

    [/root.] Он самый

    Регистр.:
    20 май 2006
    Сообщения:
    368
    Симпатии:
    58
    Уже видите ошибку? Правильно, колонки находятся не на одном уровне. Правая ниже первой идет. Нужно чтобы было одиннаково. Где грабли? Спасибо.
     
  2. Derik

    Derik Джoooooomla!

    Регистр.:
    24 авг 2006
    Сообщения:
    132
    Симпатии:
    43
    Поставить float:left; в #content-left-fixed
     
  3. [/root.]

    [/root.] Он самый

    Регистр.:
    20 май 2006
    Сообщения:
    368
    Симпатии:
    58
    stavil. ne pomoglo
     
  4. shell

    shell Прохожие

    float:left; - левому

    display: inline; - правому
     
  5. remx

    remx Прохожие

    дык достаточно же уточнить float: left; для #content-left-fixed
     
  6. shell

    shell Прохожие

    Да , действительно :)

    ТС ответил на float: left; не помогло, а inline заставит тупо выстроиться в строку при любом раскладе.
     
  7. [/root.]

    [/root.] Он самый

    Регистр.:
    20 май 2006
    Сообщения:
    368
    Симпатии:
    58
    Увы, не помогло. Создал все с нуля, но грабли остались.

    попробуйте кто-нибудь на досуге плиз.
     
  8. [/root.]

    [/root.] Он самый

    Регистр.:
    20 май 2006
    Сообщения:
    368
    Симпатии:
    58
    Нашел багу. Правая колонка сдвигается вниз, только в том случае если текст в левой колонке слишком длинный.

    Как пофиксить?
     
  9. MatDamned

    MatDamned Писатель

    Регистр.:
    9 июл 2007
    Сообщения:
    4
    Симпатии:
    4
    в данном случае, вёрстку 2-х колонок можно сделать следующим образом:
    Код:
    #content {background-color: #fff;border:1px solid #EEF2FB;margin-right: 300px;}
    #content-left-fixed {float:left;width:100%;margin-right: -1px;}
    #content-right-fixed {float:right;position:relative;width:300px;margin-right: -301px;margin-left: 2px;}
    пример такой верстки Перейти по ссылке

    Правда, для ИЕ придеться в код страницы добавить:
    Код:
    <!--[if IE]><style>
    #content{
    	height: 0;
    	height: auto;
    	zoom: 1;
    }
    </style><![endif]-->
     
  10. Del'ka

    Del'ka Создатель

    Регистр.:
    11 апр 2007
    Сообщения:
    46
    Симпатии:
    28
    MatDamned
    такой вариант неработает в нормальных браузерах. и не должен.

    вот как надо:
    просто поменять местами - первым должен идти float'нутый блок, т.е. right.
    и хаки для IE выбросте - меньше мусора - спокойней спится верстальщику.

    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" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <style type="text/css">
    /*<![CDATA[*/
    #content-left-fixed {margin-right: 315px}
    #content-right-fixed {float: right; width:310px}
    /*]]>*/
    </style>
    </head>
    <body>
    
    <div id="content-right-fixed">
      <p>(18932, 42, '2.75', 'Достоинства стеклопакетов.', '', 'На первый взгляд может показаться, что стеклопакет устроен просто и незамысловато. Для примера возьмем два или более стекла и помещаем между ними специальную разделительную рамку. Обрабатываем раму снаружи герметиком, монтируем и устанавливаем в оконный проем. Вроде бы все просто, но это не так. Проблемы начинают возникать после осознания желаний потребителя по отношению к стеклопакету.\r\n\r\nА желания потребителя просты. Он хочет смотреть в окно и видеть то, что происходит снаружи. Объяснять не нужно, что чем выше оптические показатели стекла, тем стеклопакет лучше, а покупатель довольнее.\r\n\r\nНу и конечно же потребителю хочется что бы солнечный свет беспрепятственно проникал в его жилище. Следовательно стекло должно обладать высокой степенью </p>
    </div>
    
    <div id="content-left-fixed">
      <p>(18932, 42, '2.75', 'Достоинства стеклопакетов.', '', 'На первый взгляд может показаться, что стеклопакет устроен просто и незамысловато. Для примера возьмем два или более стекла и помещаем между ними специальную разделительную рамку. Обрабатываем раму снаружи герметиком, монтируем и устанавливаем в оконный проем. Вроде бы все просто, но это не так. Проблемы начинают возникать после осознания желаний потребителя по отношению к стеклопакету.\r\n\r\nА желания потребителя просты. Он хочет смотреть в окно и видеть то, что происходит снаружи. Объяснять не нужно, что чем выше оптические показатели стекла, тем стеклопакет лучше, а покупатель довольнее.\r\n\r\nНу и конечно же потребителю хочется что бы солнечный свет беспрепятственно проникал в его жилище. Следовательно стекло должно обладать высокой степенью </p>
    </div>
    
    </body>
    </html>
    
     
Статус темы:
Закрыта.