Mes données sortent de mes td quand je mets une valeur min-height
Voila j'ai créé un calendrier de type agenda et si je met un min-height à la place d'un hieght sur mes td les données en sorte et les TD s'écrase ne tenant pas compte du min-height.
Voila le code qui fonctionne avec le table td height fixé (135px)
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
| ul {
padding: 0px;
}
.year {
color:#000000;
font-size:30px;
}
.months ul li {
list-style-type: none;
display:inline;
}
.months ul li a{
margin:-1px;
padding:0px 9px 0px 0px;
color:#000000;
text-decoration:none;
font-size:25px;
}
.months ul li a:hover {
color:#ff0033;
}
.months ul li a.active {
color:#ff0033;
}
table td{
border:2px solid #000000;
width:135px;
height:135px;
}
table {
border-collapse:collapse;
}
.events {
list-style-type: none;
}
.padding {
border: none;
}
table td .day{
position: absolute;
color:#000000;
margin-top: -68px;
margin-left:3px;
}
table td .events{
position:relative;
margin-top:-45px;
width:135px;
height:0px;
padding:0px;
font-size: 0.7em;
} |
Le même qui ne marche plus une fois que la déclaration en bas devient ça...
Code:
1 2 3 4 5
| table td{
border:2px solid #000000;
width:135px;
min-height:135px;
} |