1
Take a look at my site in both IE and Firefox (The addy is in my sig). My problem is that the Minical "calendar" area on the main page is stretching my right column in firefox, but renders perfectly in IE.
Below is the CSS code for the module. Can someone tell me what to insert into this code for this little area to act as it does in IE in Firefox?
form
{
Margin-Bottom: 0px;
Margin-Left: 0px;
Margin-Right: 0px;
Margin-Top: 0px;
Padding-Bottom: 0px;
Padding-Left: 0px;
Padding-Right: 0px;
Padding-Top: 0px;
}
div.axNavbar {
background-color : #E0E0E0;
}
div.axDateToday {
font-size: 11px;
color: #FF8C00;
text-align: center;
}
select.textBox2 {
width : 110px;
margin-bottom : 3px;
margin-right : -2px;
font-weight : normal;
font-size : 11px;
color : black;
font-family : tahoma, verdana, helvetica;
background-color : #ffffff;
border-left : 1px solid #990000;
border-bottom : 1px solid #990000;
border-right : 1px solid #990000;
border-top : 1px solid #990000;
}
input.text {
width : 249px;
background-color : #ffffff;
border-left : 1px solid #990000;
border-bottom : 1px solid #990000;
border-right : 1px solid #990000;
border-top : 1px solid #990000;
font-family : tahoma, verdana, helvetica;
font-size : 11px;
color : #333333;
}
textarea.comment {
width : 370px;
background-color : #ffffff;
border-left : 1px solid #990000;
border-bottom : 1px solid #990000;
border-right : 1px solid #990000;
border-top : 1px solid #990000;
font-family : tahoma, verdana, helvetica;
font-size : 11px;
color : #333333;
}
/* Calendar CSS Classes */
.minidigits {
font-family: "Trebuchet MS", Verdana, Arial, "Microsoft Sans Serif";
font-size: 10px;
font-weight: bold;
font-style: normal;
text-decoration: none;
background-repeat: no-repeat;
background-position: center center;
}
.miniweekdaylabel {
font-family: "Trebuchet MS", Verdana, Arial, "Microsoft Sans Serif";
font-size: 10px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
#itemopen { position:absolute; z-index: 1; visibility:hidden;top: 103px; right:10px }
.mainTitleBar {
color:#606F79;
font-size: 12px;
height: 26px;
background-image: url(http://maroctour.com/images/tile_back1.gif);
}
.menuLabel,.menuLabel:link,.menuLink:visited {
color:#606F79;
font-size: 10px;
text-decoration: none;
}
.menuLabel:hover {
color:#708FA8;
text-decoration: underline;
}
BTW, this code is from the "/agendax/templates/style.css" file.
