Log in

View Full Version : My page is displayed in FF, while IE displays nothing...


slava
03-09-2007, 08:59 PM
Here's a site i've created, but it has problems displaying the page in IE 6,
you can see it on : http://tintasii.moldovacrestina.net/mysite.html
Here's the code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home Page</title>



<style type="text/css">
body {
background-image:url(media/antiquebackground.gif);
}



#bodybgmenu
{
position: absolute;
}

#home {
position: absolute;
top: -34px;
left: 472px;
width: 350px;
height: 95px;
background-image: url("casa.gif");
background-position: 1000px 30px;
background-repeat: no-repeat;
}


#grafix {
position: absolute;
top: 59px;
left: 430px;
width: 350px;
height: 95px;
background-image: url("grafics.gif");
background-position: 1000px 30px;
background-repeat: no-repeat;
}

#layouts {
position: absolute;
top: 202px;
left: 37px;
width: 350px;
height: 95px;
background-image: url("layouts.gif");
background-position: 1000px 30px;
background-repeat: no-repeat;
}


#contacts {
position: absolute;
top: 307px;
left: -4px;
width: 350px;
height: 95px;
background-image: url("contacts.gif");
background-position: 1000px 30px;
background-repeat: no-repeat;
}

#content {
width: 820px;
margin: 0 auto 0 auto;
padding: 0;
height: 600px;

}
#bodybgmenu {
float: left;
}

#subsol {
width: 820px;
margin: 600px 0 0 0;
float: right;
border-top: 1px solid black;

}
#subsol h3 {
text-align: center;

}
#content {
border-right: 1px solid black;
border-left: 1px solid black;
}
</style>



</head>

<body>
<div id="content">
<div id="bodybgmenu">
<img src="media/new_menu.gif">

<a href="istoric.html">
<div id="home" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div>
</a>

<a href="istoric.html">
<div id="grafix" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div>
</a>

<a href="istoric.html">
<div id="layouts" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div>
</a>

<a href="istoric.html">
<div id="contacts" onmouseover="this.style.backgroundPosition='5px 30px;'" onmouseout="this.style.backgroundPosition='1000px 30px;'"></div>
</a>
</div>
<div id="subsol">
<h3>Created by Crilov Slava &copy All Rights reserved</h3>
</div>
</div>

</body>
</html>
BLiZZaRD
03-09-2007, 09:17 PM
Shows up okay for me in IE7. Although you do have a couple errors in the coding (http://validator.w3.org/check?uri=http&#37;3A%2F%2Ftintasii.moldovacrestina.net%2Fmysite.html)

but it looks the same to me in IE7 and FF2.0.0.2
slava
03-09-2007, 09:25 PM
It's defenetly not working with my IE, i see only the black borders and the copy right at the bottom, and that's it.


I dont know what to do now!
Thanks for ur help!
BLiZZaRD
03-09-2007, 09:38 PM
Which version of IE are you using? seems you are missing the images. Do you have images disabled in your browser? :)
slava
03-09-2007, 10:04 PM
Well, you where right, the images were disabled,
i did enabled them, but i have only the background shown.

do you thing i should enable something else?
pcbrainbuster
03-09-2007, 10:32 PM
Just go to the options and then go to security and set the default settings with that button :) - and then it should work...
BLiZZaRD
03-10-2007, 03:50 PM
Well, you where right, the images were disabled,
i did enabled them, but i have only the background shown.

do you thing i should enable something else?

Yeah, check that your javascript is enabled as well, you have scripts on the page and if JS is disabled you won't see those portions either :)

Glad it was a simple fix for you :D