Как предотвратить движение <divs>вниз - PullRequest
Новая
       0

Как предотвратить движение <divs>вниз

0 голосов
/ 14 марта 2011

Я организую страницу данных. Вся информация о клиенте, такая как телефон, адрес находится слева, а справа - заметки о них. Дело в том. Чем больше параграфов добавлено, тем больше информации слева будет сбито. Что я могу сделать, чтобы информационная панель слева оставалась неизменной независимо от того, сколько данных отображается справа.

ниже приведен код: 

<div id="name">
    Andrew Smith
</div>

<div id="otherinfo">
    Paid.  
</div>

<div id="itemheading">
    About Client
</div>
<div id="itemholder1">
    Here is the client informaiton.  This is where the more info you 
    have the more the left side panel will be brought down. 
</div>


<div id="itemheading">
    Address
</div>
<div id="itemholder">
    2000 sample st
    <br>
    san fran, ca
    <br>

CSS: 

#name {
    padding-top:10px;
    margin-left:35px;
    font-weight:bold;
    font-size:22px;
}

#otherinfo {
    margin-left: 35px;
    margin-top: 2px;
}

#itemheading {
    margin-top:10px;
    margin-left:35px;
    font-weight:bold;
    font-size:16px;
}

#itemholder1 {
    margin-left: 35px;
    margin-right: 200px;
    margin-top:5px;
}

#itemheading {
    margin-top:10px;
    margin-left:35px;
    font-weight:bold;
    font-size:16px;
}

#itemholder {
    margin-left: 35px;
}

1 Ответ

1 голос
/ 14 марта 2011

У вас есть два столбца, один слева, другой справа.Насколько я понимаю, вы хотите добавить информацию в правый столбец, при этом информация в левом столбце не будет отображаться под ним.

В данный момент вы чередуете div, которые идут слева, и те, которые идут один справа;вместо этого у вас должно быть только два элемента: один для всего левого и другой для правого: 

<div id='left'>
all the stuff that goes in the left-hand column,
name, 
address, 
etc
</div>

<div id='right'>
everything that goes in the right-hand column
</div>

И затем используйте соответствующий CSS для их отображения.

...