Как получить div, чтобы оставаться в таком же размере

Question

Привет всем im a newb и пытаюсь склонить голову к CSS. Я создал div, который содержит форму для входа и пароля для моего сайта. Когда пользователь успешно регистрируется в этой форме, исчезает с помощью PHP, и приветственное сообщение появляется, чтобы приветствовать пользователя. Моя проблема в том, что, поскольку сообщение меньше формы входа, div сжимается до такого размера и не остается прежним.

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

Это мой CSS для DIV называется инфобокс:

#infobox { 

border:2px solid #a1a1a1; 
padding-left:16px; 
padding-top:10px; 
background:#dddddd; 
width:237px; 
border-radius:25px; 
-moz-border-radius:25px; 
float: right; 
padding-bottom: 10px; 

    } 

И это мой заголовок CSS, где выше вложен (если это поможет)

#header { 
width: 960px; 
margin: 0 auto; 
padding: 40px 0; 
position: relative; 
margin-top: -36px; 
    } 

Сердечные приветы

Answer 1

, если вы установили width:500px; и height:300px; (или независимо от того, какой размер вы хотите), div должен оставаться того же размера. Кроме того, вы можете установить overflow:hidden; так, чтобы, если все, что находится в div, выходит за пределы этих границ, оно не отображается и не изменяет размер div.

Answer 2

Попробуйте этот. Может быть, это поможет вам.

enter code here 


#infobox { 
width:400px; 
height:250px; 
border:2px solid #a1a1a1; 
padding-left:16px; 
padding-top:10px; 
background:#dddddd; 
border-radius:25px; 
-moz-border-radius:25px; 
float: right; 
padding-bottom: 10px; 
overflow:hidden; 
}