ISSN 1312-0379

Проблем с 3 дива, стоящи един до друг.


 
Тази тема е заключена - не можеш да отговаряте или да променяте мнения    Groove Manifesto Форуми -> Свобода за народа
Предишната тема :: Следващата тема  
Автор Съобщение
borisoff



Мнения: 1

МнениеПуснато на: Пет Фев 24, 2006 10:35    Заглавие: Проблем с 3 дива, стоящи един до друг. Отговорете с цитат

Целта ми е трите дива да стоят един до друг като три колони. Аз успях да ги направя да стоят заедно като съответно първия див беше с 20% ширина,втория(централния) с 60% и крайния с 20%. Обаче така направени като свивам и разтягам прозореца на браузъра се свиват и двата странични дива. Целта ми е те да не се свиват, а да се свива само средния. Не искам таблици. Аз успях да го постигна като на събитието onresize променям размерите на дивовете и позициите спрямо големината на прозореца, ама това е много кофти код та ако някой е правил това да напише как става и дали може да се направи(главно с ЦСС)
Код:
<html>
<head>
<style type="text/css">
html, body{margin:0;};
div.divl{
   background-color:#ff0000;
   position:absolute;
   height:100%;
   width:20%;
    left:0%;
   border:none;
}

div.divc{
   position:absolute;
    left:20%;
    background-color:#555555;
   height:100%;
   width:60%;
   border:none;
}

div.divr{
   position:absolute;
   height:100%;
   width:20%;
    left:80%;
    background-color:#ff0000;
   border:none;
}
</style>
</head>
<body>
<div class="divl">left</div>
<div class="divc">center</div>
<div class="divr">right</div>

</body>
</html>


Искам просто десния див вместо да е с проценти(20%) да е с фиксирана големина(100пх-200пх) и като се променя размера на прозореца на браузъра другите два дива(ляв,среден) да се оразмеряват за да напаснат големината на прозореца, десния да не се променя. Един пич успя да ми го направи по този начин:
sandh написа:
Код:
<html>
   <head>
      <title></title>
      <style type="text/css">
         html, body {margin: 0px; height: 100%;}
         div.left {background: red; height: 100%; width: 100px; float: left;}
         div.container {background: #555555; height:100%; width: 100%;}
         div.right{background: red; float: right; height:100%; width: 20%;}
      </style>
   </head>

   <body>
      <div class="container">
         <div class="left">Left</div>
         <div class="right">Right</div>
         <p>Center</p>
         <p>...</p>
         <p>...</p>
         <p>...</p>
         <p>...</p>
      </div>
   </body>
</html>


Ама като свия повечко прозореца на браузъра и средния текст пада отдолу под другите. Някакви предложения?[/code]
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
uv



Мнения: 4

МнениеПуснато на: Пон Фев 27, 2006 12:53    Заглавие: Re: Проблем с 3 дива, стоящи един до друг. Отговорете с цитат

width: на страничните div-ове и
margin-left, margin-right на главния div?
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:   
Тази тема е заключена - не можеш да отговаряте или да променяте мнения    Groove Manifesto Форуми -> Свобода за народа Часовете са според зоната GMT + 2 Часа
Страница 1 от 1

 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети