I just discovered a layout issue for my website in IE6. Looks fine in IE7, FF, and Safari.
I can't get the page to stay fixed in IE6... the entire page (pagewrapper or container?) stretches out, bringing the "footer" up to the right hand side. It should be a fixed width of 920px in the center of the browser window.
It's probably something stupid I overlooked, but I'm wracking my brains trying to find it. I looked thru the forum for something similar to my issue and haven't seen it.
Below is some of my template... I tweaked the java for IE6 in there as well. TIA for any help you can give
Here's the relative CSS:
{sitename} - {title}
{metadata}
{stylesheet}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{literal}
{/literal}
{literal}{/literal}
{literal}
=b){nw=b+"px";}if(w
#pagewrapper {width:expression(P7_MinMaxW(920,920));}
#container {height: 1%;}
{/literal}
Skip to navigation
Skip to content
UPDATE: I fixed the footer problem, but I still can get the page wrapper to stay fixedbody {
margin: 0;
padding: 1.2em;
text-align: center;
}
div#pagewrapper {
margin: 5px auto;
max-width: 920px;
min-width: 920px;
background-color: #000000;
padding: 0;
text-align: left;
}
#container {
position: relative;
margin: 0;
padding: 0 0 0 0;
}
/* HEADER */
div#header {
margin: 0;
padding: 0;
height: 143px;
border-top: 1px solid #FF0000;
background-color: #FFFFFF;
text-align: left;
}
div#header h1 a {
background-color: #FFFFFF;
display: block;
height: 143px;
text-indent: -700em;
width: 920px;
margin: 0;
padding: 0;
}
/* END HEADER */
div#content {
float: left;
background-color: white;
margin: 0em auto 2em 0;
padding: 0%;
text-align: left;
}
div#menu_vert {
float: left;
width: 10%;
display: inline;
}
div#main {
float: left;
width: 720px;
display: inline;
margin-left: 15px;
}
div#content2 {
float: right;
width: 125px;
height: 100%;
display: inline;
margin-left: 0%;
background-color: #CC9999;
padding: 6px;
}
div#menu_horiz {
width: 920px;
text-align: left;
}
/* SUB */
div#sub {
}
/* END SUB */
/* END CONTENT */
/* FOOTER */
div#footer {
}
div#footer p {
font-size: 0.8em;
margin: 0;
padding: 15px;
text-align: center;
}
/* END FOOTER */
/* END LAYOUT */
/* position for the search box */
div#search {
float: right;
width: 23em; /* enough width for the search input box */
text-align: right;
padding: 0.1em 0 0.2em 0;
margin: 0 .1em;
}
div.breadcrumbs {
padding: .8em 0 1em 0; /* CSS short hand rule first value is top then right, bottom and left */
color: #fff;
font-size: 80%; /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
margin: 0 1em; /* css shorthand rule will be opened to be "0 1em 0 1em" */
border-bottom: 1px dotted #000;
}
div.flags {
float: right;
width: 18px;
padding: 1em 0;
text-align: right;
margin: 0 1em 0 0;
}
div.left49 {
float: left;
width: 49%;
}
div.right49 {
float: right;
width: 49%;
text-align: right;
}
div.right48 {
padding: 0;
float: right;
width: 335px;
height: 400px;
background-color: #fff;
border: 1px solid #ccc;
text-align: center;
margin: 1em 0 1em 0;
}
div.right48 p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.left48 {
padding: 0;
float: left;
width: 335px;
height: 400px;
background-color: #fff;
border: 1px solid #ccc;
margin: 1em 0 1em 0;
}
div.left48 p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.center700 {
float: left;
padding: 0;
width: 698px;
height: auto;
background-color: #fff;
border: 1px solid #ccc;
margin: 1em 0 1em 0;
}
div.center700 p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.right140 {
padding: 0 .5em 0 .5em;
float: right;
width: 140px;
height: 60px;
border: 0px solid #333;
text-align: center;
margin: 0 1em 0 0;
}
div.left140 {
padding: 0 .5em 0 .5em;
float: left;
width: 140px;
height: 60px;
border: 0px solid #333;
text-align: center;
margin: 0 0 0 1em;
}
div.right335 {
padding: 0;
float: right;
width: 335px;
background-color: #fff;
border: 1px solid #333 0 1px solid #333 0px;
text-align: center;
margin: 1em 0 1em 0;
}
div.right335 p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.left335 {
padding: 0;
float: left;
width: 335px;
background-color: #fff;
border: 1px solid #ccc;
margin: 1em 0 1em 0;
}
div.left335 p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.blackbox {
padding: 0;
width: 918px;
height: auto;
background-color: #000;
border: 1px solid #000;
margin: 0em 0 0em 0;
}
div.blackbox p {
font-size: 1em;
color:#FFF;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.leftblackbox {
padding: 0;
float: left;
width: 459px;
height: 225px;
background-color: #000;
border: 0px solid #000;
margin: 0em 0 0em 0;
}
div.leftblackbox p {
font-size: 1em;
color:#FFF;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.rightblackbox {
padding: 0;
float: right;
width: 459px;
height: 225px;
background-color: #000;
border: 0px solid #000;
margin: 0em 0 0em 0;
}
div.leftblackbox p {
font-size: 1em;
color:#FFF;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.left500 {
padding: 0;
float: left;
width: 500px;
background-color: #fff;
border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ccc;
margin: 1em 0 1em 0;
}
div.left500 p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.left500 h2 {
color: #fff;
font-weight: normal;
font-size: 1.4em;
line-height: 1.6em;
background-color: #990000;
text-align: left;
width: 484px;
margin:0;
}
div.right200 {
padding: 0;
float: right;
width: 200px;
background-color: #fff;
border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ccc;
margin: 1em 0 1em 0;
}
div.right200 p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: .5em;
line-height:1.4em;
}
div.right200 h2 {
color: #fff;
font-weight: normal;
font-size: 1.4em;
line-height: 1.6em;
background-color: #333;
text-align: center;
margin: 0;
width: 184px;
}
