IE gooit box door elkaar !
Posted: Wed Feb 25, 2009 3:31 pm
Ik heb een mooie box gemaakt waarin ik van alles kan plaatsen. In firefox ziet het er goed uit (natuurlijk), op het moment dat ik in IE kijk, ziet het er als een zootje uit ... grrr. (zie afbeelding)
De box wordt opgebouwd met de volgende CSS
Wat moet ik veranderen ... of moet er ergens een IE-hack in?
De box wordt opgebouwd met de volgende CSS
Code: Select all
.txt_box {
background: url(uploads/theme/tl.png) no-repeat top left;
}
.txt_top {
background: url(uploads/theme/tr.png) no-repeat top right;
}
.txt_bottom {
background: url(uploads/theme/bl.png) no-repeat bottom left;
}
.txt_bottom div {
background: url(uploads/theme/br.png) no-repeat bottom right;
}
.txt_content {
background: url(uploads/theme/r.png) top right repeat-y;
}
.txt_top div,.txt_top,
.txt_bottom div, .txt_bottom {
width: 100%;
height: 15px;
font-size: 1px;
}
.txt_content, .txt_bottom {
margin-top: -2px;
}
.txt_content {
padding: 10px 15px;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
line-height: 1em;
color: white;
font-weight: bold;
}
.txt_h1 {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 110%;
line-height: 1em;
color: white;
font-weight: bold;
font-style: italic;
}