• Locked
No replies
Thu, 2009-04-30 18:19
Lamarr
Lamarr's picture
Offline
newbie
Netherlands
Last seen: 13 years 3 weeks ago
Netherlands
Joined: 2009-04-30
Posts: 1
Points: 0

Hi there,

I'm designing a site for my friend and I started out to check it in IE, where it showed almost perfectly (there is a DIV-block missing that has an image of a red line, but that's not very important).
I then checked it in Firefox and I found out that my right DIV-block strangely dissappears. I've tried messign with margins and floats but I couldn't solve the problem.

Here's the CSS:

@charset "utf-8";
/* CSS Document */
 
.Body
{
	background:url(<a href="http://www.occasion-music.nl/rubyred/images/bg.png" rel="nofollow">http://www.occasion-music.nl/rubyred/images/bg.png</a>);
	background-repeat:no-repeat;
	width:1164px;
	height:1566px;
}
 
.Head
{
	width:1185px;
	height:401px;
}
 
.Menu
{
	margin-left:75px;
	width:1146px;
	height:97px;
}
 
.Content
{
	position:relative;
	float:left;
	margin:100px;
}

And here's the index.htm file:

<!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=utf-8" />
</head>
 
<body bgcolor="#000000">
 
	<center>
      <div class="Body">
 
		<div class="Content">
            	<iframe name="contentLinks" id="contentLinks" src="http://www.occasion-music.nl/rubyred/home/home.html" width="550px" height="1100px" frameborder="0" allowtransparency="" style="margin-left:35px; position:relative" />
            	<!-- <img src="http://www.occasion-music.nl/rubyred/images/balk-verti.png" style="position:relative" /> -->
				<iframe name="contentRechts" id="contentRechts" src="http://www.occasion-music.nl/rubyred/home/home_rechts.html" height="1024px" width="350px" style="margin-left:10px; margin-bottom:76px; position:relative" frameborder="0" allowtransparency="" />
            </div>
 
        </div>
 
 
 
	</center>
 
</body>
</html>

The link to the site is http://www.occasion-music.nl/rubyred/

Thanks...

EDIT: I solved the problem. Appearently

<div class="Content">
<iframe name="contentLinks" id="contentLinks" src="http://www.occasion-music.nl/rubyred/home/home.html" width="550px" height="1100px" frameborder="0" allowtransparency="" style="margin-left:35px; position:relative" />

must end like this:

<div class="Content">
            	<iframe name="contentLinks" id="contentLinks" src="http://www.occasion-music.nl/rubyred/home/home.html" width="550px" height="1100px" frameborder="0" allowtransparency="" style="margin-left:35px; position:relative" ></iframe>

Top
Tags: