spuppett
February 3rd, 2005, 03:39 PM
I was wondering if anyone has come across a similar problem and what you did to overcome it.
I am working on a webpage and this are drasticly diffrent between FireFox and IE 6.0.
in my css file I define something to be 100%. In fireFox, it will be 100% of whatever its nested in, but in IE, its only about 75% as long/wide as it should be.
I thought maybe it was because I didn't use a doctype, but I added the strict one and still I get these problems.
Heres my HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<HTML>
<HEAD>
<%@Language="VBSCRIPT%>
<!-- #include file="includes/metatags.asp" -->
<TITLE>Anodes-Solutions.com</TITLE>
</HEAD>
<BODY>
<!-- #include file="includes/pageHeader.asp" -->
<span class="leftNavBar">
Hello over here
</span>
<!-- #include file="includes/pageFooter.asp" -->
</BODY>
</HTML>
and here's my css
body
{
background-color: #FFFFFF;
color: #000000;
width: 90%;
height: 90%;
border: 1px solid black;
}
.leftNavBar
{
background-color: #FFBB14;
color: #7D1400;
border: 1px solid #000000;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 150px;
}
Thank you for any light you can shed on this for me.
I am working on a webpage and this are drasticly diffrent between FireFox and IE 6.0.
in my css file I define something to be 100%. In fireFox, it will be 100% of whatever its nested in, but in IE, its only about 75% as long/wide as it should be.
I thought maybe it was because I didn't use a doctype, but I added the strict one and still I get these problems.
Heres my HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<HTML>
<HEAD>
<%@Language="VBSCRIPT%>
<!-- #include file="includes/metatags.asp" -->
<TITLE>Anodes-Solutions.com</TITLE>
</HEAD>
<BODY>
<!-- #include file="includes/pageHeader.asp" -->
<span class="leftNavBar">
Hello over here
</span>
<!-- #include file="includes/pageFooter.asp" -->
</BODY>
</HTML>
and here's my css
body
{
background-color: #FFFFFF;
color: #000000;
width: 90%;
height: 90%;
border: 1px solid black;
}
.leftNavBar
{
background-color: #FFBB14;
color: #7D1400;
border: 1px solid #000000;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 150px;
}
Thank you for any light you can shed on this for me.