CSS in IE Six/Sux doesnt work right. HELP

[SayJumner]

Im working on a new homepage and IE six doesnt display the way i wrote it.
I could really use some help if you can.

[SayJumner]

the CSS

.ad-container{
width:680px;
hight:175px;
margin-bottom:12px;

}

.home1
{
  width:400px;
  float:left;
  padding-bottom: 32767px;
  padding-right: 12px;
	margin-bottom: -32767px;
}
.home2
{
  width:222px;
  float:left;
  border-left:1px solid #808080;
  padding-bottom: 32767px;
  	padding-left: 12px;
	margin-bottom: -32767px;
}

.menutitle{
cursor:pointer;
width:218px;
padding:2px;
margin-bottom: 5px;
background-color:#FF0000;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
border:1px solid #000000;
}

.submenu{
margin-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

.submenu a{
margin-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
}

.submenu a:hover{
margin-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
text-decoration:underline;
}

#container

{
width: auto;
height: auto;
}

#container h1,h2,h3,h4

{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
margin-left:1px;
margin-bottom:-5px;
}

#container h1 a

{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
font-size:16px;
font-weight:bold;
margin-left:6px;
margin-bottom:-5px;
}
#container h2 a

{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
font-size:16px;
font-weight:bold;
margin-left:6px;
margin-bottom:-5px;
}

#container h3 a

{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
font-size:16px;
font-weight:bold;
margin-left:6px;
margin-bottom:-5px;
}

#container h4 a

{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
font-size:16px;
font-weight:bold;
margin-left:6px;
margin-bottom:-5px;
}

#container h1 a:hover

{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration:underline;
font-size:16px;
margin-left:6px;
margin-bottom:-5px;
}

#container h2 a:hover
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration:underline;
font-size:16px;
margin-left:6px;
margin-bottom:-5px;
}

#container h3 a:hover

{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration:underline;
font-size:16px;
margin-left:6px;
margin-bottom:-5px;
}

#container h4 a:hover

{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
text-decoration:underline;
font-size:16px;
margin-left:6px;
margin-bottom:-5px;
}


#container p

{
margin-left:6px;
margin-right:6px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
border-bottom:solid;
border-bottom-color:#999999;
border-bottom-width:1px;
}

[boogyman]

see http://www.dynamicdrive.com/forums/s...ad.php?t=24866
and post the site url

[SayJumner]

http://www.fiberinstrumentsales.com/...inprogress.asp

[SayJumner]

It looks correct in the Fox and safari.

[SayJumner]

i worked on it a bit, basically just needed margin/size tweaking, It's pretty stressful though, how come IE just sux with CSS. Is there ever going to be a "browser Standard" i mean that would be ideal. So i guess it wont happen

[boogyman]

i worked on it a bit, basically just needed margin/size tweaking, It's pretty stressful though, how come IE just sux with CSS. Is there ever going to be a "browser Standard" i mean that would be ideal. So i guess it wont happen

there are standards, and each browser just implements them differently. IE has lost ground lately in the browser market for the fact that people are beginning to realize how much standards compliant browsers are better. IE7 has made some moves in the right direction, but still far from handling standards well.

As the developer we should create our code so it is friendly with all browsers, which is why we should be testing on different browsers formats as well as different versions. As for why browsers dont implement the "latest n *cough* greatest" standards, well that is because the programmers need to incorporate them into the program, which is why you do get different versions... as new standards and easier / better ways of accomplishing something comes along, they are implemented and released.

Generally though, if you test on Safari (mac), Firefox, Opera, and Internet Explorer you will have a good chance of encapsulating what 95% of how browsers will display your layout. Just be sure to test at least 1 version back, I like to test 2 versions back, because when a new version is released it usually takes time for people to upgrade... like Vista.... Many windows users are still using XP because Vista is too expensive, and there are still users who are on 98 / 2000, just because its available, doesn't mean everyone will update / upgrade

[insanemonkey]

are you kidding me... I luv IE it has more choices then other browsers and you get so many messed up pages in opera and a little in firefox, but IE is better in my opinion.... and its mostly used!