Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > помошите, я устал....


Автор: RGirichev 7.7.2006, 13:25
Я устал, не могу добится одинакового отображения в IE и Опере, вот код: 

Код

<div style="width:30%; padding-right:70%; position:relative; background-color:#FFFFCC; text-align:justify">Вот это основной див, который растянут на 100% по ширине всего экрана, его внутренний отступ справа равен 70%, ширина 30%
  <div style="position:absolute; left:30%; top: 0px; padding: 0px 220px 0px 20px; background-color:#99CCFF">
    <p>Вот это основной див, который растянут на 100% по ширине  всего экрана, его внутренний отступ справа равен 70%, ширина 30% </p>
    <p>Воз здесь и началась ПРОБЛЕМА, нужно чтобы этот див, лежащий  в жёлтом диве был с отступом справа в несколько пикселей, допустим 200px. Но был растянут на  свободно пространство, то есть 100% - 30% - 200px</p>
    <p> как реализовать?</p>
    <p>&nbsp;</p>
    <p>Но почему-то он не растянут на всю в IE, хотя в Opera всё ок </p>
  </div>
  <div style="position:absolute; right:0; top: 0px; width:200px; background-color:#00FF99">Привый див 200px</div>
</div>

 

Автор: zera 7.7.2006, 15:27
а обязательно через position?
я бы сделал проще, если я правильно понял, хотя тут с процентами есть некоторая неточность.  smile 
Код

<div style="width:100%;height:100%;background-color:#FFFFCC; text-align:justify;padding-right:200px;"><div style="float:left;width:30%;">Вот это основной див, который растянут на 100% по ширине всего экрана, его внутренний отступ справа равен 70%, ширина 30%</div><div style="background-color:#99CCFF;float:left;width:70%;">
    <p>Вот это основной див, который растянут на 100% по ширине  всего экрана, его внутренний отступ справа равен 70%, ширина 30% </p>
    <p>Воз здесь и началась ПРОБЛЕМА, нужно чтобы этот див, лежащий  в жёлтом диве был с отступом справа в несколько пикселей, допустим 200px. Но был растянут на  свободно пространство, то есть 100% - 30% - 200px</p>
    <p> как реализовать?</p>
    <p> ;</p>
    <p>Но почему-то он не растянут на всю в IE, хотя в Opera всё ок </p>
</div><div style="width:200px; background-color:#00FF99;float:left;margin-right:-200px;">Привый див 200px не понял куда его</div>
</div>
 

Автор: RGirichev 7.7.2006, 15:31
у меня сразу появилась прокрутка, всё поехало... 

Автор: EDuard 7.7.2006, 15:45
RGirichev, кинь скрин того что нужно получить в конечном итоге с теми же цветами.
Попробую помочь. пока не очень понял то требуется. 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)