<DIV> virker kun i FF
Har en kalender hvor der er en div til visning af indholdet for den pågældene dag driller.Vist her:
http://nissensupport.dk/billeder/index.html
Øverste billede er fra FF og nederste dække over diverse Browsere.
Her oprettes DIV'en på den pågældene dag :
$events[intval($row_event->day)] .= '</div><h3><div class="desc">'.$row_event->eventContent.'</div></h3></li>';
CSS kommer her :
* {
/* old-style reset here :) */
border: 0px;
padding: 0px;
}
body {
font-family: Helvetica;
background: white;
text-align: center;
background-attachment:fixed;
background: url(../../img/body.png) fixed repeat-x;
}
body h1 {
padding-top: 20px;
font-size: 26px;
color: #335;
}
table {
border-collapse: separate;
border: 1px solid #9DABCE;
border-width: 0px 0px 1px 1px;
margin: 10px auto;
font-size: 20px;
}
td, th {
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
background: url(../img/cells_50.png);
color: #444;
/*position: relative;*/
}
td{
background-position: 150px 0px;
}
th{
background-position: 150px 0px;
height: 30px;
font-weight: bold;
font-size: 14px;
}
td:hover, th:hover {
background-position: 150px -50px;
color: #222;
vertical-align: middle;
text-align: center;
}
td.date_has_event_today {
background-position: 0px 0px;
color: white;
}
td.date_has_event_today:hover {
background-position: 0px -50px;
vertical-align: middle;
text-align: center;
}
td.date_has_event {
background-position: 100px 0px;
color: white;
}
td.date_has_event:hover {
background-position: 100px -50px;
vertical-align: middle;
text-align: center;
}
td.padding {
background: url(../img/calpad.jpg);
}
td.today {
background-position: 50px 0px;
color: white;
}
td.today:hover {
background-position: 50px -50px;
vertical-align: middle;
text-align: center;
}
.events {
position: relative;
}
.events ul {
text-align: left;
overflow : hidden;
position: absolute;
display: none;
z-index: 1;
padding: 15px;
background: #E7ECF2 url(../img/popup.png) no-repeat;
color: white;
border: 1px solid white;
font-size: 15px;
width: 200px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
list-style: none;
color: #444444;
-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
padding-bottom: 5px;
}
.events li span {
display: block;
font-size: 12px;
text-align: justify;
color: #555;
z-index: 5;
}
.events li span.title {
font-weight: bold;
color: #222;
z-index:5;
}
.events li div {
display: block;
font-size: 12px;
text-align: justify;
color: #555;
z-index: 5;
}
.events li div.title {
display: block;
font-weight: bold;
color: #222;
z-index:5;
}
.events li div.desc {
clear: both;
display: block;
font-weight: bold;
color: #222;
z-index:1;
}
th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}
