problem with gaps in the overlay??, sections have gaps...need help. Options

[shutterleftopen]

This Myspace Layout

if you check the link above i'm working on a layout for someone but the top banner, mid section, and bottom bar break all of gaps in them. i've been through the code plenty of times but i can't figure out where the problem is.


below is the code placed in the general section..thanks in advance.

CODE

<style>
.profileWidth table { margin-bottom:3040px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:800px; height:3040px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -3040px;
</style>


<div class="gap"></div>


<style type="text/css">
.masthead {position:absolute; top:175px; margin-left:-400px; left:50%; width:800px; height:2979px; z-index:2;}
table div.slide {display:block; visibility:visible;}
table div.bottom {display:block; visibility:visible;}
table div.topbanner {display:block; visibility:visible;}
</style>


<div class="masthead">

<div class="topbanner"> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="700" width="800" border="0" data=" http://aspect-photos.com/giovanni/topflash.swf ">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value=" http://aspect-photos.com/giovanni/topflash.swf " />
<param name="wmode" value="transparent" />
</object>

</a></div>

<img src="http://aspect-photos.com/giovanni/giovanni-overlayfin.jpg" /><a href="ADD US LINK" style="position:absolute; top:580px; left:0px;"><img src="http://x.myspace.com/images/clear.gif" style="width:350px;height:80px;" /></a><a href="MESSAGE US LINK" style="position:absolute; top:580px; left:350px;">
<img src="http://x.myspace.com/images/clear.gif" style="width:450px; height:80px;" /></a><a href="WEBSITE LINK" style="position:absolute; top:1190px; left:410px;"><img src="http://x.myspace.com/images/clear.gif" style="width:300px; height:150px;" /></a>


<div class="bottom"> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="739" width="800" border="0" data="http://aspect-photos.com/giovanni/bottomflash.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://aspect-photos.com/giovanni/bottomflash.swf" />
<param name="wmode" value="transparent" />
</object></a><img src="http://aspect-photos.com/giovanni/split.jpg" />

</div>




<div class="slide" style="width:505px; height:300px; position:absolute; top:920px; left:10px; overflow:hidden; overflow-x:hidden;">

<div><embed src="http://widget-36.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=lt&il=1&channel=3386706919801855030&site=widget-36.slide.com" style="width:505px;height:300px" name="flashticker" align="middle"></embed><div style="width:505px;text-align:left;"><a href="http://www.slide.com/pivot?cy=lt&at=un&id=3386706919801855030&map=1" target="_blank"><img src="http://widget-36.slide.com/p1/3386706919801855030/lt_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=3386706919801855030&map=2" target="_blank"><img src="http://widget-36.slide.com/p2/3386706919801855030/lt_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=lt&at=un&id=3386706919801855030&map=F" target="_blank"><img src="http://widget-36.slide.com/p4/3386706919801855030/lt_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div>

</div>

</div>

just starting on the coding of the layout so a lot of the code is included with place holders. i have to get the sections aligned properly though before i can finish anything else.

Reason for edit: Please use [codebox][/codebox] tags when posting long codes. Thanks. - TJ

[shutterleftopen]

mozilla firefox.

[shutterleftopen]

in firefox if you look under the flash animated banner in between the cloud line there is a black line. that is a gap.

[none345678]

here TJ. I have no idea how to fix it maybe this will help.

click to enlarge

That's what your talking about rite op?

[shutterleftopen]

I have never used those tags. Do I just replace the div tags with them?

[shutterleftopen]

let me know what i need to do to change it up and make it look right. with div's having classes and everything i'm not really sure how to use it.

[allvanishing]

In your CSS, just look for table div.topbanner, set the height to 700px and hide the overflow.

[shutterleftopen]

every time i go to add in the code to make it look like this:

CODE

<div class="masthead">

<div class="topbanner"> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="700" width="800" border="0" overflow-x=”hidden” data="http://aspect-photos.com/giovanni/topflash.swf ">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value=" http://aspect-photos.com/giovanni/topflash.swf " />
<param name="wmode" value="transparent" />
</object>

</a></div>

myspace saves it as this:

CODE

<div class="masthead">

<div class="topbanner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="700" width="800" border="0">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://aspect-photos.com/giovanni/topflash.swf" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://aspect-photos.com/giovanni/topflash.swf" height="700" width="800" border="0" wmode="transparent" />
</object>

</a></div>

and it doesn't work...