[namenotfound]

I used to check my sites against IE for compatibility, but I don't anymore. It was getting too cumbersome to start up my virtual machines every time I wanted to check. None of the computers I use run Windows natively.

[Dano2]

Colinsp, thanks, I will look into that tonite and let you know how that goes..thanks very much for taking a look at that...

[Dano2]

Colinsp...I tried creating a div, and putting that table in it, but that didn't seem to work. But I'm still a rookie at Dreamweaver CS3 and div's so it may be that I don't know what I'm really doing.

I attached the code after I tried it. I restored it to what it was for now. Does the code look right?

Thanks, dano

[colinsp]

What about the css that goes with it? Can you post that too? You can just cut and paste into the message and put it in code tags rather than attach it.

[Dano2]

I can post the CSS when I get home. How do you put code tags around it?

[colinsp]

Select 'go advanced' for the reply then click on the # symbol in the tool bar for the reply and paste the css in between [ code ] your code here [ / code ]

[Dano2]

ok, thanks will do when I get home...

[Dano2]

Here is my CSS code. I don't know if it makes a difference or not but this is my original CSS, after I restored my site back after seeing that last idea of the div tag didn't make a difference. Thanks, Dano

@charset "utf-8";
/* CSS Document */
#sidebar1 h1 {
font-size: 95%;
font-weight: bold;
}
#sidebar1 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 85%;
}
.thrColFixHdr #container {
     width: 900px; /* the auto margins (in conjunction with a width) center the page */
     background: url(../Images/tri-color-bg.gif) repeat-y;
	 background-color: #fff;
     border: 1px solid #FFFFFF;
     text-align: left; /* this overrides the text-align: center on the body element. */
     margin-top: 0;
     margin-right: auto;
     margin-bottom: 0;
     margin-left: auto;
} 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColFixHdr #header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* padding keeps the content of the div away from the edges */
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #mainContent {
	background-color: #FFF;
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 190px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 
.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.HomeButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #66CCFF;
}
.style1 {font-family: "Times New Roman", Times, serif}

a:hover {
color: #FF6600;
}
.thrColFixHdr #container #sidebar1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

TD {
	font-size: 12px;
	font-family : Verdana;
}

P {
	font-size: 12px;
	font-family : Verdana;
}

TD.smaller {
	font-size: 11px;
	font-family : Verdana;
	color : #000000;
}

P.smaller {
	font-size: 11px;
	font-family : Verdana;
	color : #000000;
}

HR {
	color : #003366;
	height : 1px;
}

TD.bgleft {
background-image: url(images/bgleft.gif);
width:10px;
}

div.prodid{
font-weight: bold;
}

span.prodoption{
font-weight: bold;
} 

.prodname, .detailname{
font-weight: bold;
}

[kfawcett]

Do you have a url for the site? So I can take a look at it.

[Dano2]

Yes, it is, wwwDOTdefenseproshopDOTcom. To get to that problem page, just select any item on the left, add to cart, then click checkout. Its the "Please enter your customer details." table, if you view it in IE6 it drops to the bottom of the page, it works fine in IE7, IE8...thanks for any help or suggestions...

[kfawcett]

I do apologize, but it looks like that could take a good amount of time to sort out. Hopefully someone else might have an answer for you.

[Dano2]

Thats ok, thanks for looking. I'm really starting to think that this is just not worth trying to fix for IE6. Unless someone else has any ideas.

dano2

[colinsp]

Dano, I will have some time to look at this over the weekend, I'll come back to you then.

[Dano2]

No worries and thanks I appreciate it. So far I can't seem to come up with any solutions. One of 2 things comes to my mind. If I can expand the area to make for room for that table...someone else said if I remove the right column that might do it (not sure if I want to do that) and I noticed the page before it has the same table, just shorter but the same width so maybe its not a width problem,....dunno...thanks though if you have any time....Dano

[Dano2]

Colinsp,

Just wanted to ask about what you said here:

"Looking at it one thing that could be causing the problem is that the customer contact form is not in a Div. You have your two sidebars floated and then are displaying the contact form in the body.

The best solution (this is only a trial) set your self a div for the centre content and then drop the table for the contact form in that. It looks to me as though the table is floating below the sidebar div's which is the usual ie6 box model problem."

Could you if you have some time, elaborate a little on how to do what you mentioned on the div tag? I was thinking that perhaps I didn't do this correctly. Dano