У меня есть веб-сайт, на котором отображается презентация в виде календаря, созданная с использованием css. Потребовалось время, чтобы сделать рендеринг правильным. На самом деле, разные браузеры требуют уникального CSS. У меня возникли трудности с IE8 (а также с Opera9), поскольку презентация не занимает всю ширину экрана. Буду признателен за совет.
URL-адрес: www.firstport.com
CSS выглядит следующим образом:
html,
body {
margin: 0px;
padding: 0px;
height: 100%;
overflow-y: hidden;
}
td {height:13.6%;}
.sectionhead {
text-align: left;
background: #EBEBEB;
height: 99.5%;
width: 98%;
border-style:ridge;
border-width:thin;
border-color:grey;
float: left;
margin-left:0px;
margin-right:0px;
overflow-y: auto;
color: black;
}
.sectionhead a {
color: black;
background: #EBEBEB;
font-weight: normal;
margin-left:2px;
text-decoration:none;
}
.SubHeaderLink a {
color: #006633;
text-decoration:none;
background: #EBEBEB;
}
.SubHeaderLink a:hover {
color: blue;
background: #EBEBEB;
text-decoration:underline;
}
.popuplink a {
color: blue;
background: #EBEBEB;
font-weight: normal;
margin-left:2px;
text-decoration:underline;
}