SWF not aligning to bottom of div tag?

I'm trying to build a tight site and have an .swf file that RELIES on being at the absolute bottom of its div section, but when I put it in and look at it online, there's a small gap between the .swf file and the next div. It's HORRIBLE. http://www.hrwisellc.com/newsite
How do I fix this?

Can't be done reliably, but you can fool people into thinking you have done so. Google "Faux Columns".

Similar Messages

Position Image at Bottom of Div Tag

OK, so this may be the stupidest question ever, but how do I
Position an Image at Bottom of the Div Tag? I named the image and
then set;
vertical-align: bottom;
But this doesn't seem to have worked. I could achieve the
bottom alignment with multiple div tags but this seems needlessly
complicated. How should i do this?

> ok, is there a rule for when you should use an image as
a background as
> opposed to placing it normally?
No. But there are things you can do with a background image
that you cannot
do with a foreground one, and vice versa. I'm sure that's not
the answer
you wanted to hear however.
Anytime I need to place an image at a specific location
within a container
(like at the bottom, or the right edge), I'm thinking of
using a background
image.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jameswoody" <[email protected]> wrote in
message
news:fv5el0$dn1$[email protected]..
> ok, is there a rule for when you should use an image as
a background as
> opposed to placing it normally?
> Thanks

Position images at bottom of div tag?

How do I position images at the bottom of a div tag?
These images are going to be used as links and Im using a
template which will double there size on certain pages, so I cant
use background images.
Please help as I cant believe this isn't possible!
James

I dont understand what you mean by;
'If you do not know the widths, and you want them all to flow
one after
the other, the make another div as their container, and move
the
"position:absolute;right:0px;" styles to the new div'
When I apply a rule for all images in the div tag, the images
all sit on top of one another;
.container img {
position: absolute;
bottom: 0px;
If I set the images individually I can stop them from doing
this;
.container #image1 {
position: absolute;
bottom: 0px;
left: 320px;
The problem however is that this design is for a template.
The images in the template will double in size when the user is on
that page.
If i use a pixel (or a %) value for the left position, then
the left hand side of the image is centered, not the centre of the
image. This means that the space between the images will vary when
one of them enlarges.
This could be solved if there was some way of making the
images sit next to each other, without specifying a position left
value (like when you insert images into a div tag with no rules).
Can this be done?
Alternatively, is there a way of using a position left value
which controlled the position via the center of the image, not the
left side? Then I could use % values and the images would still
look ordered.

Positioning multiple images at bottom of Div Tag

I want to position some images so they are side by side, at
the bottom of a div tag. So far the only way i've managed to do
this is by using a padding-top value. Is there a better way?
I also want these images to be centered horizontally.
Thanks

Are these cosmetic in use? Make them a single image
background.
#foo { background-position: center bottom;
background-repeat:no-repeat; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jameswoody" <[email protected]> wrote in
message
news:fvctr7$ls3$[email protected]..
>I want to position some images so they are side by side,
at the bottom of a
>div
> tag. So far the only way i've managed to do this is by
using a padding-top
> value. Is there a better way?
>
> I also want these images to be centered horizontally.
> Thanks
>

Why I am not able to see Fluid Grid Layout Div tag

Why I am not seeing Fluid Grid Layout Div tag In the Insert Layout menu

DW CC changed the panels. If you're working in FGLayouts, DW intuitively inserts the correct Div for you.
Nancy O.

In Flex, mimic a HTML DIV-tag without height constraint?

Hi!
I've posted a somewhat similar question here before and
although the answer was appreciated I'm still wondering if what I
want to do is possible.
In HTML you can create a DIV-tag with a fixed width, say
100px. If you, after that, let the height remain undefined, you can
add content to the tag having it expand it's height appropriately.
Is it possible to achieve the same effect in Flex, or do I
have to have fixed width and height on the application? If I let
the application have a width of 100px, letting the height be
undefined, I get the application to be the same height as the
browser window which is not the case with the DIV-tag above.
Hope someone understands what I mean. Thanks!
/Marcus

If you do this:
<mx:VBox width="100%">
and then put things into this VBox container, it will grow
vertically as much as it needs to without having a specific height.
The Application tag is the same way. Eventually, when you exceed
the visible part of the Flash Player, the Application (or VBox)
will acquire scrollbars.

Can I convert a table to "div" tags?

As I can not chose to work with "div" tags straight in DW as
DW only can produce "tables" so far (As far as i know. If I don't
do it manuallu then) But is there a way to convert a table to "div"
tags? I have been recommended to use "div" tags and not tables any
more. And I am not a coder guy.

> A <div> is a block level element, just like an
<h1> or <p> tag. When you
> then
> add positioning information to it, it then becomes a
"layer". (someone
> correct
> me if I'm wrong)
Any element with absolute positioning becomes a "layer" in DW
parlance. Any
element with relative, static, or fixed positioning does not.
Start here for the tutorials -
http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Lesurel" <[email protected]> wrote in
message
news:[email protected]...
> Why do you want to change from tables to divs? Although
CSS is preferred
> way to
> design websites these days, there are still plenty of
tables out there.
> See
> Yahoo, for example.
>
> I assume you are are only using Dreamweaver in the
design view, and not
> going
> into the code itself? The only good way to do it would
be in code view,
> and
> unless you really know what you are doing, you can
really give yourself a
> big
> headache if you try to do a one-to-one conversion.
Depending on how
> complicated
> your page is, it might be more straightforward to
recreate the page using
> CSS
> (divs, classes, ids, positioning).
>
> A <div> is a block level element, just like an
<h1> or <p> tag. When you
> then
> add positioning information to it, it then becomes a
"layer". (someone
> correct
> me if I'm wrong)
>
> Check out any of the many, many tutorials on CSS to get
started. (do a
> search
> on this forum for recommendations)
>
>

Div tags not aligning properly

I can not get my div tags to align properly. I have one div tag set to float left, and the other to float right. I can get the first set to work, but as soon as I add in another set, they both float left. I have played around with margins, borders, and padding and nothing seems to be working. Here is the code:
<style type="text/css">
.pageborder {
width: 795px;
height: 1000px;
border: medium solid #008478;
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
.prodboxleft {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
background-color: #76c6be;
text-align: left;
width: 369px;
float: left;
height: 150px;
border: medium dashed #008478;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 12px;
padding: 0px;
.prodboxright {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
background-color: #76c6be;
text-align: left;
width: 369px;
float: right;
height: 150px;
border: medium dashed #008478;
margin-top: 5px;
margin-right: 12px;
margin-bottom: 5px;
margin-left: 5px;
padding: 0px;
</style>
</head>
<body>
<div class="pageborder"><div class="prodboxleft">Content for class "prodboxleft" Goes Here</div>
<div class="prodboxright">Content for class "prodboxright" Goes Here</div>
<div class="prodboxleft">Content for class "prodboxleft" Goes Here</div>
<div class="prodboxright">Content for class "prodboxright" Goes Here</div>
<div class="prodboxleft">Content for class "prodboxleft" Goes Here</div>
<div class="prodboxright">Content for class "prodboxright" Goes Here</div>
</div>

Thank you, unfortunately that is not the issue. The border is set in pixels and it is wide enough to accommodate the floated containers. As I mentioned in my first post, the first set of containers work perfectly, then the second set does not, and yet a third set does. It is almost as if there is something in the middle of the space that is not allowing the containers to behave properly. I have attached a screen shot to show what I am talking about.

AP Div tag's absolute postioning not working

I have been trying to figure this problem out for about 2 hours and I have nothing. Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be (they're in the bottom right of the page, hundreds of pixels from where they're supposed to be). Any ideas?
Here's the code if it will help. Sorry its really long.
<!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" />
<title>SSR Shop!</title>
<style type="text/css">

</style>
<script src="../main_page/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
    var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer = parseFloat(verMajor + "." + verMinor);
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<script src="../articles/jc/x_division/Scripts/AC_ActiveX.js" type="text/javascript"></script>
</head>
<body onload="MM_CheckFlashVersion('9,0,28,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?\\\\\\\');MM_preloadImages(\\\\\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\\\\\',\\ \\\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/fri_ r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_gu ide/finished/days/sun_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/mon_r2_c2_f2.gif \\\\\\\',\\\\\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished /days/thu_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/monday_f2.gif\\\\\\\',\\\\\\ \'TV_guide/finished/days/thurday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/friday_f2.g if\\\\\\\',\\\\\\\'TV_guide/finished/days/sunday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/ days/suckerpunch_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/wednesday_f2.gif\\\');MM_pr eloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu r_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/d ays/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/fini shed/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guid e/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_g uide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_ guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\ \'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\\\'TV_guide/finished/days/w ed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished /days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/fi nished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_gu ide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu_r2_c2_f2.gif\\\',\\\ 'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_guide/finished/days/thurday_f2.gif\\\',\\ \'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_guide/finished/days/sunday_f2.gif\\\',\\ \'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\\'TV_guide/finished/days/wednesday_f2.gi f\');MM_preloadImages(\'TV_guide/finished/days/wed_r2_c2_f2.gif\',\'TV_guide/finished/days /thur_r2_c2_f2.gif\',\'TV_guide/finished/days/fri_r2_c2_f2.gif\',\'TV_guide/finished/days/ sat_r2_c2_f2.gif\',\'TV_guide/finished/days/sun_r2_c2_f2.gif\',\'TV_guide/finished/days/mo n_r2_c2_f2.gif\',\'TV_guide/finished/days/tue_r2_c2_f2.gif\',\'TV_guide/finished/days/thu_ r2_c2_f2.gif\',\'TV_guide/finished/days/monday_f2.gif\',\'TV_guide/finished/days/thurday_f 2.gif\',\'TV_guide/finished/days/friday_f2.gif\',\'TV_guide/finished/days/sunday_f2.gif\', \'TV_guide/finished/days/suckerpunch_f2.gif\',\'TV_guide/finished/days/wednesday_f2.gif'); MM_preloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/day s/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finis hed/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide /finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV _guide/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\ 'TV_guide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\ \'TV_guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\ \',\\\'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\'TV_guide/finished/day s/wed_r2_c2_f2.gif\',\'TV_guide/finished/days/thur_r2_c2_f2.gif\',\'TV_guide/finished/days /fri_r2_c2_f2.gif\',\'TV_guide/finished/days/sat_r2_c2_f2.gif\',\'TV_guide/finished/days/s un_r2_c2_f2.gif\',\'TV_guide/finished/days/mon_r2_c2_f2.gif\',\'TV_guide/finished/days/tue _r2_c2_f2.gif\',\'TV_guide/finished/days/thu_r2_c2_f2.gif\',\'TV_guide/finished/days/monda y_f2.gif\',\'TV_guide/finished/days/thurday_f2.gif\',\'TV_guide/finished/days/friday_f2.gi f\',\'TV_guide/finished/days/sunday_f2.gif\',\'TV_guide/finished/days/suckerpunch_f2.gif\' ,\'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages(../ssr_tv/'TV_guide/finished /days/wed_r2_c2_f2.gif/',/'TV_guide/finished/days/thur_r2_c2_f2.gif/',/'TV_guide/finished/ days/fri_r2_c2_f2.gif/',/'TV_guide/finished/days/sat_r2_c2_f2.gif/',/'TV_guide/finished/da ys/sun_r2_c2_f2.gif/',/'TV_guide/finished/days/mon_r2_c2_f2.gif/',/'TV_guide/finished/days /tue_r2_c2_f2.gif/',/'TV_guide/finished/days/thu_r2_c2_f2.gif/',/'TV_guide/finished/days/m onday_f2.gif/',/'TV_guide/finished/days/thurday_f2.gif/',/'TV_guide/finished/days/friday_f 2.gif/',/'TV_guide/finished/days/sunday_f2.gif/',/'TV_guide/finished/days/suckerpunch_f2.g if/',/'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages('../ssr_tv/TV_guide/fini shed/days/wed_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/thur_r2_c2_f2.gif','../ssr_t v/TV_guide/finished/days/fri_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/sat_r2_c2_f2. gif','../ssr_tv/TV_guide/finished/days/sun_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days /mon_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/tue_r2_c2_f2.gif','../ssr_tv/TV_guide /finished/days/thu_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/monday_f2.gif','../ssr_ tv/TV_guide/finished/days/thurday_f2.gif','../ssr_tv/TV_guide/finished/days/friday_f2.gif' ,'../ssr_tv/TV_guide/finished/days/sunday_f2.gif','../ssr_tv/TV_guide/finished/days/sucker punch_f2.gif','../ssr_tv/TV_guide/finished/days/wednesday_f2.gif')">
<div align="center">
<div id="apDiv10"><img src="../images/ssr_mini_logo.jpg" width="126" height="85" /></div>
<div id="apDiv27"><img src="../images/redblacktemplate.jpg" width="775" height="1200" longdesc="http://ShootingStarRadio" /></div>
<div id="apDiv56"><img src="../images/jc_tv.jpg" width="207" height="245" /></div>
<form id="form1" name="form1" method="post" action="">
    <div id="apDiv28"></div>
</form>
<div id="apDiv8">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','138','height','27','src','../news/text5','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text5' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="138" height="27">
<param name="movie" value="../news/text5.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text5.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="138" height="27" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv7">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','164','height','28','src','../news/text4','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text4' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="164" height="28">
<param name="movie" value="../news/text4.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text4.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="164" height="28" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv6">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','146','height','32','src','../news/text3','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text3' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="146" height="32">
<param name="movie" value="../news/text3.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="146" height="32" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv5">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','81','height','20','src','../news/text2','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text2' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="81" height="20">
    <param name="movie" value="../news/text2.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#000000" />
    <embed src="../news/text2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="81" height="20" bgcolor="#000000"></embed>
</object>
</noscript>
</div>
<div id="apDiv4">
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','85','height','18','src','../news/text1','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text1' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="85" height="18">
    <param name="BGCOLOR" value="#000000" />
    <param name="movie" value="../news/text1.swf" />
    <param name="quality" value="high" />
    <embed src="../news/text1.swf" width="85" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed>
</object>
</noscript>
</a></div>
</div>
<div id="apDiv49"><img border="0" src="../images/sponsor_ssr_tv.jpg" width="207" height="245" /></div>
<div id="apDiv70"></div>
<div id="apDiv71"></div>
<div id="apDiv72"></div>
<div id="apDiv73"></div>
<div id="apDiv74"></div>
<div id="apDiv75"></div>
<div id="apDiv76"></div>
<div id="apDiv77"></div>
<div id="apDiv78"></div>
<div id="apDiv80">
<div align="center"><a href="cwa/collision_course_2005.html"><img border="0" src="cwa/collisioncoursedvd.jpg" width="115" height="147" /></a></div>
</div>
<div class="style16" id="apDiv81">
<div align="center" class="style23">Collision Course 2005</div>
</div>
<div id="apDiv83">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4958801">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">    </div>
</form>
</div>
<div id="apDiv84">
<div align="center"><a href="cwa/encore_2005.html"><img border="0" src="cwa/encore2disc.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv85">
<div align="center"><em><strong><span class="style25">Encore- 2 Disc Set</span></strong></em></div>
</div>
<div id="apDiv86">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959128">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div class="style17" id="apDiv87">
<div align="center">PAGE 1 2 3</div>
</div>
<div id="apDiv88">
<div align="center"><a href="cwa/collision_course_2006.html"><img border="0" src="cwa/collisioncourse2006cover.jpg" width="138" height="146" /></a></div>
</div>
<div class="style18" id="apDiv89">
<div align="center" class="style19">Collision Course 06</div>
</div>
<div id="apDiv90">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959266">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">    </div>
</form>
</div>
<div id="apDiv91">
<div align="center"><a href="cwa/super_summer_sizzler_2006.html"><img border="0" src="cwa/supersummersizzler2006cover.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv92">
<div align="center"><a href="cwa/going_the_distance 2005.html"><img border="0" src="cwa/goingthedistance2cover.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv93">
<div align="center"><a href="cwa/snowed_out_2007.html"><img border="0" src="cwa/snowedFout2007cover.jpg" width="138" height="146" /></a></div>
</div>
<div class="style20" id="apDiv94">
<div align="center">Super Summer Sizzler</div>
</div>
<div class="style21" id="apDiv95">
<div align="center" class="style22">Going The Distance 2</div>
</div>
<div class="style21" id="apDiv96">
<div align="center" class="style22">Snowed Out 2007</div>
</div>
<div id="apDiv97">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959957">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<div id="apDiv98">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4960022">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv99">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4960178">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv100">
<div align="center"><img src="cwa/conclusioncover.jpg" width="138" height="146" /></div>
</div>
<div class="style25" id="apDiv101">
<div align="center"><strong><em>Conclusion</em></strong></div>
</div>
</body>
</html>

Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be
I thought I was reading it wrong, but you really do have 101 AP divs on the page. I don't have the time to go through your code, but using absolutely positioned divs as the sole basis for page layout is likely to lead to massive problems. AP divs (or layers, as they used to be called) were all the rage several years ago, because people wrongly thought they would make web pages work like desktop publishing. I used them, too, until I realized they caused massive problems.
It won't solve your current problem, I'm afraid, but I recommend that you take a look at the following page, which describes some of the problems with AP div/layers: http://apptools.com/examples/pagelayout101.php.

Centre Page with wrapper div tag does not work

Hi there,
I am trying to centre the content of my website with a 'wrapper' div tag but the div tag just does not seem to have any effect on the layout at all.
Here is how I do it:
1.) Select all the html in the body.
2.) Creating 'wrapper' div tag --> width: 768, left & right margin: auto, bottom & top margin: 0
I found this in an adobe tutorial and it sounds logical to me, but somehow it just does not work.
I hope someone can help me out.
Thanks a lot!
Anja

You need three basic things to center a page.
1) A valid X/HTML document type. This declaration always appears in the first line of HTML code. The good news is that DW does this for you when you create a new page. The bad news is that some other apps such as graphics editors don't always do this for you. If your page has no document type, hit File > Convert > choose one that fits your coding skills.
2) You need a container width in pixels or percentages. Most often this is applied to a #wrapper but it can be applied to your body.
3) Finally, a margin-left and margin-right of auto (browser default).
CSS:
body {
width: 900px;
margin: 0 auto; /*centers page*/
text-align:center; /*centers older browsers*/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

DIV tags disappear when put over swf file background

I am working on a site which has a swf movie as a background
which fills the browser window(SWFobject). When I place DIV tags,
which reference a CSS id and contain swf files as well, over the
top (for absolute positioning, etc.) they disappear when previewed
in a browser . Is there a reason that the swfobject always takes on
top position in the browser? Do I need to change something in the
SWFoject javascript file, in the code or within either the CSS file
or the dreamweaver HTML code? Here is a link to a site that is very
similar to what I am working on.
http://www.pronghornclub.com
Any help would be most appreciated.

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jlrowedog" <[email protected]> wrote in
message
news:fb53q0$akk$[email protected]..
>I am working on a site which has a swf movie as a
background which fills
>the
> browser window(SWFobject). When I place DIV tags, which
reference a CSS
> id,
> over the top (for absolute positioning, etc.) they
disappear when
> previewed in
> a browser. Is there a reason that the swf file always
takes on top
> position in
> the browser? Do I need to change something in the
SWFoject javascript
> file, in
> the code or within either the CSS file or the
dreamweaver HTML code? Here
> is a
> link to a site that is very similar to what I am working
on.
>
>
http://www.pronghornclub.com
>
> Any help would be most appreciated.
>
>
>

Div tag not expanding with content.. Help please!

Hi there,
Firstly I'm reasonably new to this so if I appear stoopid, it's possible that I am.
I have been building a CSS based page with Div tags. What I'm trying to achieve is an html body that has a #wrapper centred on the page, then a #header, #nav, #banner, #content and #footer consecutively down the page. Then inside I want to place a #leftColumn and a #rightColumn. This much I have achieved. What I'm having trouble with is having the content div expand with the two column divs within it. I've included the main.css file I'm using below as well as the source code for the content section of the page. Any help would be greatly appreciated.
Cheers,
Philamon
@charset "UTF-8";
body {
color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
#wrapper {
color: #000;
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#header {
color: #000;
margin-top: 12px;
margin-bottom: 12px;
#content {
color: #000;
width: auto;
margin-top: 0px;
padding-top: 0px;
padding-left: 5px;
overflow: auto;
#footer {
color: #000;
margin-top: 5px;
margin-bottom: 0px;
clear: both;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
#logo {
color: #000;
height: 71px;
padding-bottom: 10px;
padding-right: 5px;
#nav {
color: #000;
height: 28px;
#banner {
color: #000;
height: 200px;
text-align: center;
#leftColumn {
color: #000;
float: left;
width: 70%;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#rightColumn {
color: #000;
float: right;
width: 20%;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;
.fltrt {
float: right;
<div id="content">
    <h1>Welcome to The Groundswell Division</h1>
    <div id="leftColumn">
      <h2>Mission Statement</h2>
      <p>The Groundswell Division aims to:</p>
      <p>Be involved in the future moulding of the Australian performing arts industry through attracting new audiences, working collaboratively to find new forms and helping to expand the scope of performing arts in Australia.<br />
        Provide vital, diverse and challenging artistic works for audiences, both locally in Melbourne, throughout Australia and internationally.<br />
        Provide a platform for local performing arts practitioners who are currently underutilised within the industry.<br />
        Provide an umbrella for independent artists to stage their works within an established, supportive company.<br />
        Make all decisions regarding creative direction and control in an open, honest forum by the members of the Company’s democratic committee. </p>
    </div>
    <div id="rightColumn">
      <h2>Subheading</h2>
      <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
    </div><div id="leftColumn2">
      <h2> </h2>
</div>
</div>

Hi,
Change your wrapper code to this.
#wrapper {
width: 760px;
margin: 0 auto;
color: #000;
text-align: left;
You haven't included the Wrapper Div in your code :
You haven't specified and CSS markup for leftColumn2.
I have included an example (the div sizes will need adjusting!)
<!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" />
<title>Untitled Document</title>
<style type="text/css">
@charset "UTF-8";
body {
color: #FFF;
text-align: center;
margin: 0px;
padding: 0px;
#wrapper {
width: 760px;
margin: 0 auto;
color: #000;
text-align: left;
#header {
color: #000;
margin-top: 12px;
margin-bottom: 12px;
#content {
color: #000;
width: 740px;
margin-top: 0px;
padding-top: 0px;
padding-left: 5px;
overflow: auto;
#footer {
color: #000;
margin-top: 5px;
margin-bottom: 0px;
clear: both;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
position: relative;
#logo {
color: #000;
height: 71px;
padding-bottom: 10px;
padding-right: 5px;
#nav {
color: #000;
height: 28px;
#banner {
color: #000;
height: 200px;
text-align: center;
#leftColumn {
color: #000;
float: left;
width: 400px;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#leftColumn2 {
color: #000;
float: left;
width: 100px;
padding-right: 5px;
padding-bottom: 30px;
padding-left: 5px;
#rightColumn {
color: #000;
float: left;
width: 100px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 30px;
.fltrt {
float: right;
}</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<h1>Welcome to The Groundswell Division</h1>
    <div id="leftColumn">
      <h2>Mission Statement</h2>
        <p>The Groundswell Division aims to:</p>
        <p>Be involved in the future moulding of the Australian performing arts industry through attracting new audiences, working collaboratively to find new forms and helping to expand the scope of performing arts in Australia.<br />
        Provide vital, diverse and challenging artistic works for audiences, both locally in Melbourne, throughout Australia and internationally.<br />
        Provide a platform for local performing arts practitioners who are currently underutilised within the industry.<br />
        Provide an umbrella for independent artists to stage their works within an established, supportive company.<br />
        Make all decisions regarding creative direction and control in an open, honest forum by the members of the Company's democratic committee. </p>
    </div>
    
    <div id="leftColumn2">
    <h2></h2>
    </div>
     
    <div id="rightColumn">
    <h2>Subheading</h2>
    <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
    </div>
     
   </div>
    
    <div id="footer">
    <h2>Footer</h2>
    </div>
    
</div>

</body>
</html>
Hope this helps ;-)

Alignment with div tags

I am having trouble to get my 3rd <div> tag to properly align (id=flash). It is left aligning to the edge of the "#content" <div> tag. Basically left aligning to the edge of my centered layout. Below is my code, can anyone shed some insight on what I am missing? I am new to not using tables.
thanks
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Page Title</title>
<style type="text/css">
     body {
         font-family: Arial, Helvetica, sans-serif;
         background-color: #FFF;
         margin: 0px;
         padding: 0px;
     #container {
         margin: 0 auto;
         width: 999px;
     #content {
         width: 100%;
     #flash {
         position: absolute;
         top: 134px;
         left: 216px;
</style>
</head>
     <body>
          <div id="container">
               <div id="content"><img src="images/background.jpg" width="997" height="2400" />
                    <div id="flash">
                         This is left aligning
                    </div>
               </div>
          </div>
</body>
</html>

You are using an absolute positioned div, which is positioned based on the page, not the div around it.
My recommendation would be to use margins to center it within the other div. Should look something like this:
#flash {
     margin:0px auto;
That will set a 0 pixel range above and below, and an automatic range to the left and right.
Nick

Floating div tags - won't align

Hi there,
I am trying to align 2 div tags next to one another in the latest version of dreamweaver cc. At the moment I have one floating to the left 60% wide and on the the right 40% wide. The second div tag sits on the next line down to the right but I can't seem to get them the sit directly next to one another. Please help Thank you

Copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>

<style>
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
body {
    padding: 0;
    width: 90%; /**adjust width as required**/
    margin: 0 auto; /**this is centered**/
    background: #F5DD83;
    color: #2294AE;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    box-shadow: 2px 2px 4px #333;
header {
    margin: 0;
    padding: 0 1%;
    width: 100%;
    background: #B00202;
    color: #FFF;
header h1, header h2 {
    display: inline;
    color: #F5DD83;
    padding: 0 3%;
section {
    margin: 0;
    padding: 0;
    background: #FFF;
    overflow: hidden; /**float containment**/
article {
    margin: 0;
    padding: 0 2%;
    float: left;
article.left { width: 60%; }
article.right {
    border-left: 1px solid #366;
    width: 40%;
footer {
    background: #B00202;
    clear: left;
    display: block;
    padding: 2%;
    color: #FFF;
</style>
</head>
<body>

<header>
<h1>Sitename</h1>
<h2>Some pithy slogan...</h2>
<nav>Horizontal menu goes here...</nav>
</header>

<section>
<article class="left"> <h3>Article Left 60% wide</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>

</article>

<article class="right"> <h3>Article Right 40% wide</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
</article>

<footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
</section>
</body>
</html>
Nancy O.

Why is "onLoad" not allowed for the div tag in the behaviors effects?!

I have a js menu positioned relatively over a Flash intro in hybrid fashion; I'd like for it to appear gradually on Load so that it appears at the end of the intro, but you can't use onLoad for the div tag apparently. Is there any other way to do this? I do NOT want to have to create a navigation menu in Flash...

As David says onLoad does exactly what it says, triggers the event on page load.
A simpler solution would be to attach a JavaScript behavior to the onLoad event or separately it would not matter, to gradually fade-in your menu.
There are many utilities to do this and all are dhtml, Try searching for one and adding it to your webpage.
See the spry fade-in/out for an example of a simple effect, (you would have to adapt it to your requirements as with most special effect behaviors).
Link to spry:
http://labs.adobe.com/technologies/spry/home.html
PZ

SWF not aligning to bottom of div tag?

Similar Messages

Maybe you are looking for