PDA

View Full Version : IE6 issue...AGAIN...


kona72
06-13-2007, 12:07 AM
Hey All,

yet more display issues with IE6

The content div shoots off to the right with IE6... In FF and IE 7 everything is peachy... I have spent 3 hours on this... need some help please...

Here is page code..


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Christie Marketing Solutions ~ Fresh Ideas For Business Success...</title>
<link href="css/christie_marketing.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="banner">
<?php include("nav.php"); ?></div><!-- end div banner-->
<div id="quote">
<img src="images/cms_07.jpg" />
<p>&nbsp;</p>
<p><?php include("quote.php"); ?></p>
</div> <!--end quote div-->
<div id="content">
<p>&nbsp;</p>
</div><!-- end div content-->
<div id="footer">
<?php include("footer.php");?>
</div><!-- end div footer-->
</div><!-- end div container-->
</body>
</html>


Here is CSS


/*--------------------------------------------------------------------------------
Christie Marketing Stylesheet ---- Trafick IMS 2007
curtis@trafick.net - http://www.trafick.net

----Body and Boxes----------------------------------------------------------*/

*{
margin:0;
padding:0;
}

body {
text-align:center;
background-image: url("../images/cms_01.jpg");
background-color:#F4F4F4;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
background-repeat: repeat-x;
}

#container {
text-align: left;
margin: 0px auto;
background-image:url("../images/cms_06.jpg");
padding: 0px;
width: 758px;
}

#banner {
background-image:url("../images/cms_03.jpg");
height:233px;
}

#nav {
font-size:14px;
line-height: 22px;
padding-top: 40px;
padding-right: 40px;
padding-bottom: 0px;
font-weight: bold;
color: #FFF;
float: right;
}
#nav a:link{
color:#FFF;
font-weight: bold;
}
#nav a:hover{
color:#4FA800;
font-weight: bold;
}
#nav a:active{
color:#FFF;
font-weight: bold;
}
#nav a:visited{
color:#FFF;
font-weight: bold;
}

#content {
float:right;
width: 400px;
margin: 0px 160px 0px 0px;
padding: 10px;
}
/*<!--[if IE 6]>
#content {
float:right;
width: 400px;
padding-right:100px;
}
<!--[endif]--> */


#quote {
float: left;
width:167px;
clear:both;
}

#quote p {
/*width:150px;*/
padding-left:30px;
color: #999999;
font-size: 14px;
line-height: 18px;
}


#footer {
width:758px;
background-image:url("../images/cms_12.jpg");
clear: both;
height:111px;
}

/*------Font Styles-----------------------------------------------------------*/

a:link {
color: #006699;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #006699;
}
a:hover {
text-decoration: none;
color: #009933;
}
a:active {
text-decoration: none;
color: #006699;
}

.bold_text {
font-weight: bold;
}

.footer_text {
font-size: 10px;
float: right;
padding-top: 65px;
padding-right: 20px;
color: #666666;
}

.heading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #5D190C;
padding: 10px 5px 5px;
width: auto;
border-bottom: thin solid #5D190C;
}

.date_text {
color: #666666;
font: italic 11px Arial, Helvetica, sans-serif;
border-bottom: thin dashed #999999;
padding-bottom: 8px;
}


.topic_title{
font-size: 14px;
font-weight: bold;
}

ol{
padding:0px 0px 0px 60px;
}

ul{
padding:0px 0px 0px 60px;
}

li{
padding:0px 0px 0px 10px;
}

/*----------------------------Tables - Rows - Colums -----------------------*/

table{
padding:0px 0px 0px 40px;
}

td {
border-bottom: thin solid #5D190C;
padding:7px;
text-align: left;
/*border-right: thin dotted #006699;*/
height: 40px;
}


/*-------------Image display control -----------------------------------------------*/

.image_right {
float:right;

}

.image_left {
float:left;

}
textarea {
height: 400px;
width: 400px;
}


Site is not "live" yet but it is accessible... check it here.

http://www.christiemarketing.ca/index2.php

THANKS IN ADVANCE PEOPLE!!!!! I REALLY APPRECIATE IT!!

Karkar
06-13-2007, 02:47 AM
#content {
float:right;
width: 400px;
margin: 0px 160px 0px 0px;
padding: 10px;
}

You've set it to float to the right??
I'm a table man anyways :-)

domedia
06-13-2007, 01:00 PM
I'm pretty sure it's the box model and how IE interprets padding. Try to replace padding with margin where possible, like with the content section:
#content {
float:right;
margin:0px 170px 0px 0px;
padding:0pt;
width:400px;
}

chriskq
06-15-2007, 04:07 AM
if you use padding. You must hack the width and height where appropriate.