Kære Udv.
Jeg har et problem med 3 styks divs som skal stå ved siden af hinanden.
"conleft" skal stå til venstre og have et billede som baggrund (m. repeat-y) og skal følge "conmid" i højden (altså danne en "ramme" uden om den) - det samme gælder for "conright" dog skal den være på højre side af "conmid"
Der er både et problem i IE ("conmid" er centreret men "conleft" og "conright" følger ikke "conmid" langs kanten) og FF (intet er centreret og "conleft"/"conright" følger igen ikke "conmid").
IE:
http://maveas.dk/blackbox/IE.jpgFF:
http://maveas.dk/blackbox/FF.jpgKoden er følgende:
<div id="conleft"></div>
<div id="conright"></div>
<div id="conmid"><jdoc:include type="component" /></div>
div#conleft {
border: 0px none;
background-image: url("/templates/simplesupport/images/website_12.jpg");
background-repeat: repeat-y;
float: left;
height: auto;
width: 95px;
z-index: 1;
}
div#conright {
border: 0px none;
background-image: url("/templates/simplesupport/images/website_14.jpg");
background-repeat: repeat-y;
float: right;
height: auto;
width: 71px;
z-index: 3;
}
div#conmid {
background-color: #212121;
border: 0px none;
width: 958px;
z-index: 2;
}
Håber I kan hjælpe.