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_b ox1 {
height: 26px;
}
..header_col2 {
margin-top: 0px;
margin-right: 177px;
margin-bottom: 0px;
margin-left: 187px;
}
..header_col2_b ox1 {
height: 26px;
}
..header_col2_b ox2 {
height: 26px;
}
..header_col2_b ox3 {
height: 42px;
padding-top: 10px;
}
..header_col3 {
float: right;
width: 177px;
height: 139px;
}
..header_col3_b ox1 {
height: 26px;
}
..header_col3_b ox2 {
height: 42px;
padding-top: 10px;
}
..container {
width:762px;
clear: both;
}
..container_col 1 {
float: left;
width: 187px;
}
..container_col 1_box1 {
height: 30px;
}
..container_col 1_box2 {
background-image: url(../images/MLShadow.jpg);
background-repeat: no-repeat;
padding-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-left: 15px;
}
..container_col 2 {
margin-top: 0px;
margin-right: 177px;
margin-bottom: 0px;
margin-left: 187px;
background-color: #FFFFFF;
}
..container_col 2_box1 {
background-image: url(../images/MCShadow.jpg);
background-repeat: no-repeat;
padding-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-left: 15px;
}
..container_col 3 {
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:absolu te;
left:7px;
height:96px;
width:242px;
top: 2px;
}
..menu {position:absol ute; left:441px; top:0px; height:65px;
width:304px}
..companyname {position:absol ute; left:590px; top:85px; height:20px;
width:147px}
..navigation {position:absol ute; 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_te xt {
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_ima ge {
float: left;
margin-right: 5px;
height: 54px;
width: 68px;
margin-top: 5px;
}
..box2_main_lin k {
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_te xt {
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_ima ge {
float: left;
margin-right: 5px;
margin-left: 0px;
margin-top: 5px;
}
..box1_login_bo x {
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_lar ge {
clear: both;
width: 766px;
background-image: url(../images/bg_main_d.gif);
}
..box2_large_ti tle_text {
color:#707070;
text-decoration:none ;
font-weight: bold;
margin-left: 37px;
padding-top: 8px;
}
..box2_large_ti tle_bg {
background-image: url(../images/t1-2.gif);
background-repeat: no-repeat;
background-position: left top;
height: auto;
}
..box2_large_ma in_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_containe r {
margin-left: 7px;
}
..box1_title_bg {
background-image: url(../images/bg_box1_title.g if);
height: 52px;
width: 242px;
}
..box1_title_te xt {
color:#707070;
text-decoration:none ;
font-weight: bold;
margin-left: 34px;
padding-top: 12px;
font-size: 14px;
line-height: 16px;
}