Margin and padding – nested div positions in all browsers

  • flick07

    (@flick07)


    15 years, 12 months ago

    I’m desperately hoping someone can help me with this problem – I’m sure it’s a very simple fix but I just cannot get my head around it (just out of hospital =[)

    I’m trying to do a webpage for my partner’s local sporting group, and have worked out just about everything except for the placement of the flash animation in the header.

    I’m using the Kimili plugin to embed the swf file inside a nested div in the navigation div.

    You can view the webpage here, and I’ve nested a copy of the code in question below:

    <!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 profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Astros Gridiron Football Club  </title>

 <meta name="generator" content="WordPress 2.3.2" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://astros.vivacity-design.com/wp/wp-content/themes/coolmist/style.css" type="text/css" media="screen" />
	<!--[if lt ie 7]>
		<link rel="stylesheet" type="text/css" media="screen" href="http://astros.vivacity-design.com/wp/wp-content/themes/coolmist/ie-win.css" />
	<![endif]-->	

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://astros.vivacity-design.com/wp/?feed=rss2" />

<link rel="alternate" type="text/xml" title="RSS .92" href="http://astros.vivacity-design.com/wp/?feed=rss" />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://astros.vivacity-design.com/wp/?feed=atom" />

<link rel="pingback" href="http://astros.vivacity-design.com/wp/xmlrpc.php" />

	<link rel='archives' title='February 2008' href='http://astros.vivacity-design.com/wp/?m=200802' />
	<link rel='archives' title='January 2008' href='http://astros.vivacity-design.com/wp/?m=200801' />

	<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://astros.vivacity-design.com/wp/xmlrpc.php?rsd" />
 <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://astros.vivacity-design.com/wp/wp-includes/wlwmanifest.xml" />
	<!-- Courtesy of Kimili Flash Embed - Version 1.4.2 -->
	<script src="http://astros.vivacity-design.com/wp/wp-content/plugins/kimili-flash-embed/js/swfobject.js" type="text/javascript"></script>

</head>

<body>
	<div id="navigation">
				 <ul>
              		<li class="page_item"><a href="http://astros.vivacity-design.com/wp">Home</a></li>

	<li class="page_item page-item-2"><a href="http://astros.vivacity-design.com/wp/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-19"><a href="http://astros.vivacity-design.com/wp/?page_id=19" title="Senior">Senior</a></li>
<li class="page_item page-item-20"><a href="http://astros.vivacity-design.com/wp/?page_id=20" title="Junior">Junior</a></li>
<li class="page_item page-item-16"><a href="http://astros.vivacity-design.com/wp/?page_id=16" title="Schedule">Schedule</a></li>
<li class="page_item page-item-17"><a href="http://astros.vivacity-design.com/wp/?page_id=17" title="Media">Media</a></li>
<li class="page_item page-item-18"><a href="http://astros.vivacity-design.com/wp/?page_id=18" title="Sponsors">Sponsors</a></li>
<li class="page_item page-item-3"><a href="http://astros.vivacity-design.com/wp/?page_id=3" title="Football 101">Football 101</a></li>
<li class="page_item page-item-21"><a href="http://astros.vivacity-design.com/wp/?page_id=21" title="Links">Links</a></li>
<li class="page_item page-item-22"><a href="http://astros.vivacity-design.com/wp/?page_id=22" title="Contact">Contact</a></li>

                </ul>

					<div style="position: relative; margin-top: 60px; padding-bottom: 50px; height: 251px; width: 944px; padding-bottom: 50px; border: solid #ffcccc">
					<div id="so_targ_header_1380658929" class="flashmovie"></div>

<script type="text/javascript">
	// <![CDATA[

	var so_1380658929 = new SWFObject("http://astros.vivacity-design.com/wp/header.swf","fm_header_1380658929","944","251","6","","","","","");
	so_1380658929.write("so_targ_header_1380658929");

	// ]]>
</script>

					</div>

		</div>

	</div>

    I’d be very grateful for any help! Thank you in advance, and my apologies for asking what is probably a very inane question.

  • The topic ‘Margin and padding – nested div positions in all browsers’ is closed to new replies.