Fix CSS for IE6

[nosyguy]

I have a site that works and looks beautiful - in everything but IE6 that is.

It isn't "live" yet but I have it staged here:

http://www.blackdogproductions.net/~baxtersprings/baxtersprings.us


I need someone who can alter the CSS so that the layout is correct for all browsers including IE6.

Please provide quote.

Thank you,
brian at blackdogproductions.net

[ironblaze94]

I notice you used this default code in your template

Code: Select all

<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->

are the values correct?

[JohnnyB]

Replace with this and that should clear some of the problems. 


div#pagewrapper {
width:802px;
}
#menuwrapper {
width:810px;
}

[nosyguy]

Thank you both so much - I don't know why I didn't see that for the pagewrapper!

My only problem that remains is the menu.  It is supposed to appear in the lower right area of the header but instead appears in the upper right area.  I know that it is a problem with the "position:relative" argument, but don't know what to do to fix it.

Any suggestions?

TIA

[Nullig]

Try:

#menuwrapper {
  /* Fix for Opera 8 */
  /*  overflow: hidden;  */
  display: block;
  background-color: #343A20;
  background-image: url(images/header.jpg);
  width: 810px;
  height: 189px;
}

#primary-nav, #primary-nav ul {
  list-style: none;
  margin: 0px;
  padding: 158px 17px 0 0;
  position: relative;
}

Nullig

[nosyguy]

That worked great for the main menu!  I am still having some problems with the sub-menus, however.

It feels really close!  I wish I was better at css - thanks to everyone who has helped out thus far.  If you see your way fit to help me finish it out, I would really appreciate it.

Again thanks for everone's input.

nosyguy

[Nullig]

The problem arises because you're using the menuwrapper div as your header. You should separate them.

Nullig