CSS
/* Body */
.DGC_CasutaMijlocMasterBody div
{ float:left;}
.DGC_CasutaMijlocSt
{ width:18px; background: url("../img/casuta/DGC_MijlocSt.png") repeat-y ;}
.DGC_CasutaMijlocMj
{ background: #ffffff; margin:auto;}
.DGC_CasutaMijlocMj div
{ color:#000000;}
.DGC_CasutaMijlocDr
{ width:24px; background: url("../img/casuta/DGC_MijlocDr.png") repeat-y ;}
Layer middle increases its size depending on content instead layer on right and the left does not increase the size of fact for which I made a function of size two layer
function
RerizeDiv() { // if($(".DGC_CasutaMijlocMasterBody").length >0 ) {z=$(
".DGC_CasutaMijlocMj").lengthfor(x=0;x<z;++x) {
m=$(
".DGC_CasutaMijlocMasterBody:eq("+x+")").height();$(
".DGC_CasutaMijlocSt:eq("+x+")").height(m)
$(
".DGC_CasutaMijlocDr:eq("+x+")").height(m)
}
}
}In Internet explorer works fine but not Firefox or Opera. If you introduce other layers in the middle or formatted text or commands using padding or margin, resulting difference is calculated eg
if auto resize to 100px and I have a 10px padding-top
in Firefox look like 100 in InternetExplorer look like 110
so where is the problem
Tnx