Page 1 of 1
Fix CSS for IE6
Posted: Tue Apr 22, 2008 8:22 pm
by 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
Re: Fix CSS for IE6
Posted: Fri Apr 25, 2008 1:23 pm
by 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?
Re: Fix CSS for IE6
Posted: Sun Apr 27, 2008 4:40 am
by JohnnyB
Replace with this and that should clear some of the problems.
div#pagewrapper {
width:802px;
}
#menuwrapper {
width:810px;
}
Re: Fix CSS for IE6
Posted: Tue Apr 29, 2008 11:10 pm
by 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
Re: Fix CSS for IE6
Posted: Tue Apr 29, 2008 11:25 pm
by 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
Re: Fix CSS for IE6
Posted: Wed Apr 30, 2008 12:49 am
by 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
Re: Fix CSS for IE6
Posted: Wed Apr 30, 2008 5:57 pm
by Nullig
The problem arises because you're using the menuwrapper div as your header. You should separate them.
Nullig