PDA

View Full Version : Internet Explorer Issues

games_r_cool70
09-09-2006, 11:39 PM
I'm making a new site layout, but it only works in Firefox. The link is below. How would I fix this?

http://www.freewebs.com/mmatters/imjusttesting.htm
bourdelson
09-10-2006, 12:52 AM
Actually, it works all right in IE, but your header image isn't showing up in FX.

The problem is that you don't have the html, head and body tags in your html.

Here's how your coding should look:


<html>
<head>
<link href="mmatters.css" rel="stylesheet" type="text/css">
</head>
<body>
<img src="http://www.freewebs.com/mmatters/mm_banner_space.png" class="a">

<div id="marquee" scrollamount="3">
<marquee>Hmm, is this site coming back to life? Maybe. I don't know. What do you think? Ok, the truth is, I'm just testing this marquee so im rambling on and on and on...</marquee>
</div>

<div id="left">
Test
</div>

<div id="right">
Test
</div><!-- --><script type="text/javascript" src="/i.js"></script>
</body>
</html>


Try that, and it should work in both browsers. :)
games_r_cool70
09-10-2006, 02:36 AM
I tried what you said, but it didn't seem to work...
djou
09-10-2006, 02:04 PM
It works fine in both browsers for me.
bourdelson
09-10-2006, 08:01 PM
I don't know if this has anything to do with it, probably not, but you have the scrollamount attribute in the wrong tag. It should be in your marquee tag, not your div tag.

Also, you've forgotten some ending ; in the attributes in your CSS, and also forgot to specify a measurement for your positioning and your font, so I put in px for your positioning and pt for your font size. Try this for your CSS and see if anything changes. :)


img.a{
position:absolute;
left:200px;
top:0px;
}

body{
color:white;
font-family:tahoma;
font-size:12pt;
background-image:url('http://www.freewebs.com/mmatters/hiatus%5Fbg.png');
}

#marquee{
position:absolute;l
eft:200px;
top:149px;
width:742px;
background-color:#2A3245;
padding:3px;
border: 1px solid black;
}

#left{
position:absolute;
left:200px;
top:170px;
width:542px;
height:1000px;
background-color:#2A3245;
padding:3px;
border: 1px solid black;
}

#right{
position:absolute;
left:742px;
top:170px;
width:200px;
height:1000px;
background-color:#2A3245;
padding:3px;
border: 1px solid black;
}
games_r_cool70
09-10-2006, 11:08 PM
Its still not working. I'm just going to give up here. I'll just put up a note that it looks better in Firefox. Thanks so much for your help! Even though we couldn't get it to work, it still cleaned up my CSS quite a bit. :)
bourdelson
09-11-2006, 08:23 PM
Actually, it's now showing up in both browsers perfectly. And the problem before [for me] wasn't it not looking right in IE, it was that it didn't show up all the way in FX.

But, I can see both of them. The only thing is, in IE, your header image extends a little beyond your text columns.