FireFox/ IE 7 issue
Afternoon all,
Hope you could help me wit an issue im having with.....IE7. I've produced a template that im about to upload to our CMS (running Typo3). However im having a similar issue to Chadi
Everything runs fine in FF,Opera, Chrome etc however in IE6/7 everything below the header aligns to the left.
Grateful for any response,
CC attached:
body{
color: #666666;
/* text-align:right; */
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
background: url(images/back_main.jpg) top repeat-x;
background-color: #fff;
font-size: 76%;
line-height: 16px;
}
a:link, a:visited {
text-decoration:underline;
color : #6A849D;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover, a:active{
text-decoration:none;
}
h1{
font-size:1.2em;
}
h3{
font-size:1em;
}
input {
-x-system-font:none;
border:1pt solid #6A849D;
color:#707070;
font-family:tahoma;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0px 0px 5px;
}
/* Use a break with this class to clear float containers on both sides */
.brclear {
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}
/********************************************/
/******* header ***********/
/********************************************/
#header-wrapper{
height: 265px;
padding: 5px;
background: url(images/header_main.jpg) top center no-repeat;
}
#header{
margin:0 auto;
width:780px;
}
/**************logo*******************/
#logo{
margin-left:20px;
padding:0;
text-align:left;
}
/*************sitename********************/
#sitename{
margin:15px 0px 0px 15px;
padding:0;
text-align:left;
}
#sitename h1 {
font-size : 22px;
margin : 0;
text-align:left;
}
#sitename h1 a {
text-decoration:none;
color:#000;
}
#sitename h1 a:hover {
color:#000;
}
/***************slogan******************/
#slogan {
margin-left: 15px;
}
#slogan h2{
font-size : 14px;
padding: 0;
margin:0;
}
/*************search********************/
#search{
float:right;
margin:5px 10px 0 0;
padding:0;
text-align:right;
color : #666666;
}
* html #search{
margin:5px 5px 0 0;
}
#search input.searchbox {
margin-right: 3px;
}
/********************************************/
/******* middle part (wrapper) ***********/
/********************************************/
/**************wrapper*******************/
#wrapper{
width:780px;
margin:0 auto;
padding:0;
text-align:left;
background:none;
}
/***************************************************/
/************** left part*******************/
/*************************************************/
#left-part{
width: 140px;
margin: 0 0 0 10px;
padding: 5px;
float:left;
background: url(images/shad_main.jpg) no-repeat ;
border-top: 1px dashed #EDF1F2;
}
/***************login******************/
#login {
margin : 2px;
padding : 0;
text-align : left;
color : #9D9C6A;
}
#login label {
color: #993333;
font-size: 0.9em;
}
#login h3{
margin:0;
padding:0;
font-size : 70%;
color:#993333;
}
#login p{
margin:2px 0px;
padding:0;
font-size : 70%;
}
#login p a{
font-size : 100%;
}
#login a{
font-size : 70%;
}
/***************left content******************/
#left {
margin : 7px 0;
padding : 0;
text-align : left;
}
#left img{
margin: 6px 0;
}
#left h1,
#left h2,
#left h3 {
border-bottom:1px dotted #993333;
color:#993333;
font-size:12px;
font-weight:bold;
}
#left p {
margin : 0;
padding : 2px 0px;
}
/***************************************************/
/************** right part*******************/
/*************************************************/
#right-part {
width: 585px;
padding :10px;
margin : 0 10px 0 0;
float:right;
background: url(images/shad1.jpg) no-repeat ;
border-top: 1px dashed #EDF1F2;
}
/***************breadcrumb******************/
#breadcrumb {
margin : 0;
padding:0 9px;
color : #666666;
font-size : 70%;
float:right;
}
#breadcrumb a:link, #breadcrumb a:visited {
color : #993333;
}
#breadcrumb a:hover, #breadcrumb a:active {
color : #666666;
}
/************** main content*******************/
#pagetitle{
text-align : left;
color:#666666;
font-size : 1.3em;
font-weight:bold;
margin:0;
padding-bottom: 7px;
}
#main-content h1 {
color : #6A849D;
font-size : 100%;
padding : 0;
margin:4px 0 0 0;
}
#main-content h2 {
color : #6A849D;
font-size : 90%;
padding : 0;
margin:4px 0 0 0;
}
#main-content h3 {
color : #6A849D;
font-size : 80%;
padding : 0;
margin:4px 0 0 0;
}
#main-content a{
color:#6A849D;
}
/********************************************/
/******** footer ***********/
/********************************************/
#footer{
margin:20px auto 10px auto;
padding:0;
text-align:center;
width:800px;
height:80px;
background: url(images/footer.jpg) no-repeat top;
border-bottom:1px solid #fff;
}
/***************bottom nav******************/
#bottomnav {
margin : 0;
padding : 2px 30px;
font-size : 75%;
color : #6A849D;
}
#bottomnav a {
padding :0;
margin:0 5px ;
color : #6A849D;
}
/***************copyright******************/
#copyright{
color : #6A849D;
font-size : 75%;
padding : 2px 30px;
margin : 0;
}
#copyright a {
color : #6A849D;
}
/*************contact info********************/
.contact {
font-size : 75%;
padding : 2px 30px;
margin : 0 0 20px 0;
color : #6A849D;
}
CSS Codes
Reply With Quote
Bookmarks