Hello, I am renewing a website using CSS and I have some problems with
IE6.
Following this link:
http://www.ansv.it/templates/Template_Index_IT.dwt.asp
you may notice that the container area has 3 colums, 1 and 3 with
titles and the 2 with a big image.
Well, 1 and 3 are not perfectly at the top of their column while 2 is
even worst...with the image going down and down.
Opera and Firefox even showing different errors with the background
handling (which I know how to solve) show correctly the image at the
top...but still those two colored boxes with the title are not at the
top.
Would you please give some advice?
Here it is the css file.
Thank you,
Ataru
body {
margin: 0px;
background-image:url(../images/TTileMix.gif);
background-repeat:repeat-x;
font-family:Tahoma;
font-size:11px;
color:#707070;
background-color: #FAFAF0;
}
..bg_color1 {
background-color: #6699CC;
}
..bg_color2 {
background-color: #E6E6DA;
}
..clearer {
font-size: 0px;
line-height: 0px;
clear: both;
}
..header {
width:762px;
clear: both;
}
..header_col1 {
float: left;
width: 187px;
height: 139px;
}
..header_col1_box1 {
height: 26px;
}
..header_col2 {
margin-top: 0px;
margin-right: 177px;
margin-bottom: 0px;
margin-left: 187px;
}
..header_col2_box1 {
height: 26px;
}
..header_col2_box2 {
height: 26px;
}
..header_col2_box3 {
height: 42px;
padding-top: 10px;
}
..header_col3 {
float: right;
width: 177px;
height: 139px;
}
..header_col3_box1 {
height: 26px;
}
..header_col3_box2 {
height: 42px;
padding-top: 10px;
}
..container {
width:762px;
clear: both;
}
..container_col1 {
float: left;
width: 187px;
}
..container_col1_box1 {
height: 30px;
}
..container_col1_box2 {
background-image: url(../images/MLShadow.jpg);
background-repeat: no-repeat;
padding-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-left: 15px;
}
..container_col2 {
margin-top: 0px;
margin-right: 177px;
margin-bottom: 0px;
margin-left: 187px;
background-color: #FFFFFF;
}
..container_col2_box1 {
background-image: url(../images/MCShadow.jpg);
background-repeat: no-repeat;
padding-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-left: 15px;
}
..container_col3 {
float: right;
width: 177px;
}
..footer {
height: 62px;
background-image: url(../images/DTileMix.gif);
background-repeat: repeat-x;
}
..footer_box {
height: 62px;
width: 762px;
}
..footer_col1 {
float: left;
width: 585px;
height: 31px;
}
..footer_col3 {
height: 31px;
float: right;
width: 177px;
}
..footer_box1 {
margin-top: 10px;
margin-left: 15px;
}
..footer_box2 {
margin-top: 40px;
margin-left: 50px;
}
..footer_box3 {
}
..search {
position:absolute;
left:7px;
height:96px;
width:242px;
top: 2px;
}
..menu {position:absolute; left:441px; top:0px; height:65px;
width:304px}
..companyname {position:absolute; left:590px; top:85px; height:20px;
width:147px}
..navigation {position:absolute; left:545px; top:224px; height:32px;
width:221px; background-image:url(../images/naviagation.gif)}
a {color:#FF9415}
..red {color:#E50000}
..white {color:#FFF; text-decoration:none}
..yellow {color:#FF9415}
..menu_link {color:#707070; text-decoration:none}
..blue {color:#4B6677;}
..datebox {
background-image: url(../images/bg3.gif);
height: 31px;
}
..box2_title_bg {
background-image: url(../images/t1-2.gif);
background-repeat: no-repeat;
background-position: top;
height: auto;
}
..box2_title_text {
color:#707070;
font-weight: bold;
margin-left: 37px;
padding-top: 8px;
}
..box2_main_box {
padding: 10px;
margin-right: 10px;
margin-left: 17px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: 57px;
}
..box2_main_image {
float: left;
margin-right: 5px;
height: 54px;
width: 68px;
margin-top: 5px;
}
..box2_main_link {
height: 23px;
clear: none;
padding-left: 219px;
}
..box2_updates_box {
padding: 10px;
margin-right: 10px;
margin-left: 17px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: auto;
}
..box2_updates_link {
font-size: 11px;
font-weight: bold;
color: #FF9415;
margin-bottom: 1em;
}
..box3_title_bg {
background-image: url(../images/t1-4.gif);
background-repeat: no-repeat;
background-position: top;
height: auto;
}
..box3_title_text {
color:#FF9415;
text-decoration:none;
font-weight: bold;
margin-left: 34px;
padding-top: 12px;
font-size: 14px;
line-height: 16px;
}
..box3_main_box {
padding: 10px;
margin-right: 10px;
margin-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: 53px;
}
..box3_main_image {
float: left;
margin-right: 5px;
margin-left: 0px;
margin-top: 5px;
}
..box1_login_box {
height: 96px;
margin-left: 7px;
}
..col2_large {
margin-top: 0px;
margin-right: 209px;
margin-bottom: 0px;
margin-left: 6px;
height: auto;
padding-top: 20px;
}
..container_large {
clear: both;
width: 766px;
background-image: url(../images/bg_main_d.gif);
}
..box2_large_title_text {
color:#707070;
text-decoration:none;
font-weight: bold;
margin-left: 37px;
padding-top: 8px;
}
..box2_large_title_bg {
background-image: url(../images/t1-2.gif);
background-repeat: no-repeat;
background-position: left top;
height: auto;
}
..box2_large_main_box {
padding: 10px;
margin-right: 40px;
margin-left: 27px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D5D8DA;
margin-top: 10px;
height: auto;
}
..box1_container {
margin-left: 7px;
}
..box1_title_bg {
background-image: url(../images/bg_box1_title.gif);
height: 52px;
width: 242px;
}
..box1_title_text {
color:#707070;
text-decoration:none;
font-weight: bold;
margin-left: 34px;
padding-top: 12px;
font-size: 14px;
line-height: 16px;
}