CSS Help! Inserting flash into a div has caused layoutchange
Hi,
I am trying to insert flash into a div. I'm new to CSS so I think I must be
doing something wrong. As soon as I insert the flash the layout goes wrong and
all divs below it are pushed down out of my "main" div. I've now taken the
flash.swf out and inserted an image again, but it's still wrong. It previews
fine in the browser though.
Any ideas!?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Do***ent</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body background="images/newwall.jpg">
<div id="wrap">
<div id="main">
<div id="flash"><img src="images/flash.gif">
</div>
<div id="strip"><img src="images/strip.gif">
</div>
<div id="middle">
<div id="news">
<div class="newstext">NEWS....
</div>
</div>
</div>
<div id="gap"><img src="images/gap.gif">
<div id="subnav"><img src="images/wallpaper.gif">
<div id="bottom"><img src="images/bottom.gif">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|