[BonBoni]

Hallo Leute,

ich hoffe ich bin hier richtig.

Ich habe ein Problem mit meinem template. Ich habe es mit div containern strukturiert.

Es gibt drei bereiche in denen man text oder Bilder einfügen kann.

left, content und right

Mein Problem ist, dass wenn der inhalt größer als das div ist, es einfach darüber hinaus ragt.
Wie gebe ich den oben gennanten bereichen eine automatische höhe die sich an den inhalt anpasst?

Außerdem habe ich einen footer der immer direkt unter diesen bereichen bleiben soll. wie gebe ich ihm die richtige positionierung dafür?

Ich habe euch auch ein Bild hochgeladen wo ihr eine skizze sehen könnt. vielleicht könnt ihr euch dann besser vorstellen was ich meine.



Uploaded with ImageShack.us

Ich hoffe ihr könnt mir helfen... ich bin schon ganz verzweifelt

LG

BonBoni

[snuwie]

poste mal bitte deinen code ... wenn ich das richtig verstanden habe, vergibst du feste höhen ... entweder du lest diese definition aus oder schreibst

[BonBoni]

Mit height auto hab ich es schon versucht aber es ging nicht wirklich...

hier mein css code:

#submenu{
width:214px;
min-height:300px;
max-height:inherit;
background-image:url(../images/submenu.png);
position:absolute; margin-left:50%; left:-477px; top:354px;
display:table-cell;
}


#right{
width:220px;
min-height:300px;
background-image:url(../images/right.png);
position:absolute; margin-left:50%; left:257px; top:354px;
display:table-cell;
}



#content{
position:absolute; margin-left:50%; left:-265px; top:354px;
width:520px;
min-height:300px;
display:table-cell;
}




und der html code:

<div id="submenu">
<jdoc:include type="modules" name="left" style="xhtml"/>
</div>
<div id="content">
<jdoc:include type="modules" name="bottom" style="beezDivision" headerLevel="3" />
</div>

<div id="right">
<jdoc:include type="component" />
<jdoc:include type="modules" name="top" style="xhtml"/>
<jdoc:include type="modules" name="user2" style="xhtml"/>
</div>

[BonBoni]

Hey snuwie

ich habs geschaft die lösung war diese drei brereiche auf min-hight: 100% zu setzen.
Der Tip für den footer war auch super vielen dank dafür

LG

BonBoni

[Karlarsch]

Warum die absolute Positionierung? Mit float und overflow würdest du das selbe erreichen nur ohne die ganzen Probleme die die absolute Positionierung mit sich bringen kann.

Gruß
Karl

[bacon]