Positionierung mehrer divs in einem div

[nicki1993]

Hallo zusammen,
derzeit bereitet mir eine Komponente für Joomla 2.5 kopfzerbrechen: Vitabook.
Nach langer Suche bin ich auf diese Komponente gekommen, meiner Meinung nach die einfachste und flexibelste, die ich finden konnte.
Allerdings gibt es ein Problem: Das Gästebuch wird am unteren Ende von vbContainer angeordnet und besteht insgesamt aus mehreren divs.
Ich kann im css des Komponente nirgendwo finden, warum und wie das der Fall sein kann. Mit padding in vbContainer kann man das ganze noch weiter nach untn schieben, dns nicht nach oben (negatives padding wäre nötig). Ziel ist es also, das Gästebuch so wie es ist oben anzuordnen (mit relative und absolute wäre das möglich, wenn innerhalb von vbContainer ein weiterer div wäre, auf dem die andern divs liegen. Leider kann ich bei Joomla den Teil nicht verändern?)

Hier findet ihr das CSS der Komponente. Vielen Dank für eure Hilfe.

  
/* General */  
.clr{  
    clear:both;  
}  
  
.vbContainer {  
padding: 5px;  
padding-top: -100px;  
width: 680px;  
background-color: red;  
}  
  
.vbAvatarLink {  
    float:right;  
    margin-bottom:10px;  
}  
  
#vbReplyButton {  
	float:right;  
	margin-bottom:10px;  
}  
  
/* Message form */  
#vitabookMessageForm {  
	float:left;  
	width:100%;  
}  
  
#vbMessageForm, .vbIntrotext {  
  
	float:left;  
	width: 100%;  
	margin-bottom:20px;  
	border:1px solid;  
    border-color:#CCCCCC;  
    background-color: none;  
}  
  
.vbIntrotext {  
 }  
  
#vbMessageForm ul li {  
    list-style-type:none;  
    list-style:none;  
    background:none;  
    background-image:none;  
}  
  
#vbMessageForm ul {  
    list-style-type:none;  
    list-style:none;  
}  
  
#vbMessageForm li {  
    list-style-type:none;  
    list-style:none;  
    background:none;  
    background-image:none;  
}  
#vbMessageForm ul li:before {  
    content: none;  
    background:none;  
    background-image:none;  
}  
  
#vbMessageForm label {  
	display:inline-block;  
	font-weight:bold;  
}  
  
#vbMessageForm input {  
	padding:2px;  
	margin:2px 2px 2px 0px;  
	width:200px;  
}  
  
#jform_secureform{  
    display: none;  
}  
  
#vbMessageFormListButton, #vbMessageFormListButton button {  
	margin-top:10px;  
}  
  
#vbFormTable, #vbFormTable tr, #vbFormTable td {  
    border-collapse:collapse;  
    border:none;  
    margin: 0;  
    padding: 0;  
    padding-right:10px;  
    padding-bottom:5px;  
}  
  
.mceEditor table, .mceEditor table tr, .mceEditor table td{  
    border:none;  
}  
  
#vbMaxcharsIndicatorContainer{  
    margin-left:5px;  
}  
  
/* Messages */  
.vbMessage{  
	float: left;  
	width: 100%;  
    word-wrap: break-word;  
}  
  
.vbMessageHeader{  
	float: left;  
	width: 100%;  
	background: #F0F0EE;  
 	border-top: 1px solid;  
	border-left: 1px solid;  
	border-right: 1px solid;  
    border-color: #CCCCCC;  
}  
  
.vbMessageAvatar{  
	float: left;  
    width: 40px;  
	height: 40px;  
}  
  
.vbMessageTitle{  
	float: left;  
	overflow: hidden;  
    font-weight: bold;  
	line-height: 40px;  
	padding-left: 5px;  
}  
  
.vbMessageControls{  
    float: right;  
    padding: 10px;  
}  
  
.vbMessageControls img{  
    cursor: pointer;  
}  
  
.vbMessageMessage{  
	float: left;  
	width: 100%;  
 	margin-bottom:20px;  
	border-left: 1px solid;  
	border-right: 1px solid;  
	border-bottom: 1px solid;  
    border-color: #CCCCCC;  
    background:#FFFFFF;  
    overflow:hidden;  
}  
  
.vbMessageText{  
	padding: 0 5px;  
}  
  
.vbMessageIp {  
    float:right;  
    font-style: italic;  
    font-size: smaller;  
    margin:-5px 5px 5px 5px;  
}  
  
.vbMessageChildren{  
	float:left;  
	width:90%;  
    margin-left:10%;  
}  
  
.vbLoadMoreMessages{  
    width:100%;  
	float: left;  
    cursor:pointer;  
    text-align: center;  
 	margin-bottom:20px;  
 	padding-top: 5px;  
 	padding-bottom: 5px;  
	border: 1px solid;  
    border-color: #CCCCCC;  
}  
  
.vbLoadMoreMessages:hover{  
    background-color: #F0F0EE;  
}  
  
/* Avatar upload-form (squeezbox) */  
.vbAvatarContainer{  
    float:left;  
    width:100%;  
}  
  
.vbAvatarUpload{  
    float:left;  
    width:65%;  
}  
  
.vbAvatarCurrent{  
    float:left;  
    width:35%;  
}  
  
.vbAvatarCurrent img{  
    width:100px;  
    height:100px;  
}  
  
.avatar-button{  
    margin:50px 10px 0 0;  
}  
  
/* Smileys */  
.smiley {  
	border: 0;  
	margin: 0;  
	padding: 0;  
}  
  
/* Show spinner besides form */  
#vbAjaxBusy {  
    margin-left: 5px;  
    display: none;  
}  
  
/* Intro text override vbMessageForm line 34 */  
.vbIntrotext {  
    margin-bottom:10px;  
    border-color:transparent;  
    word-wrap:break-word;  
}  
  
.vbIntrotext p {  
    padding:0 5px;  
}

[ChrisB]

Hi,

Ich kann im css des Komponente nirgendwo finden, warum und wie das der Fall sein kann.

Dann schau’s dir mit Firebug o.ä. an.

Hier findet ihr das CSS der Komponente.

Ohne zugehöriges HTML nutzlos.
(Und bevor du jetzt noch ein paar Bildschirmseiten an Code postest, bitte gleich ein Onlinebeispiel.)

MfG ChrisB