top
bottom

left

[allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Chris Snell [ip] => webforumsuser@m [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 1 [islastshown] => [isfirstshown] => 1 [attachments] => [allattachments] => ) --> > > > > > >
top
>
bottom
>
>

left

>
> > >[/quote] [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Murray *ACE* [ip] => forums@HAHAgrea [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 2 [islastshown] => 1 [isfirstshown] => [attachments] => [allattachments] => ) --> Layer Sizing - Macromedia Dynamic HTML

Layer Sizing - Macromedia Dynamic HTML

Hi Ive been using dreamweaver for a while and just recently started to use layers. I think what im trying to do is simple enough, but just cant get it to do what i want. basically if i create 3 layers header main content footer header is 100% wide by 115px positioned at top 0px footer is 100% wide by 25px positioned at bottom 0px what i want to be able to do is make the "main content" window fill the gap in between regardless of the browser window size. ive tried using the top and bottom properies but unlike ...

  1. #1

    Default Layer Sizing

    Hi

    Ive been using dreamweaver for a while and just recently started to use layers.
    I think what im trying to do is simple enough, but just cant get it to do what
    i want.

    basically if i create 3 layers
    header
    main content
    footer

    header is 100% wide by 115px positioned at top 0px
    footer is 100% wide by 25px positioned at bottom 0px

    what i want to be able to do is make the "main content" window fill the gap in
    between regardless of the browser window size.
    ive tried using the top and bottom properies but unlike setting width
    properties i dont seem able to set a top position of
    115px so it sits under the header, and then specify a bottom property to 25px
    so it finshes just above the footer. It only seems to want to take notice of 1
    or other of the properties.

    can anyone tell me how to do this.

    Thanks
    All help much apreciated.
    :confused;

    <!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; cht=iso-8859-1" />
    <title>Untitled Doent</title>
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    #Layer1 {
    position:absolute;
    width:100%;
    height:115px;
    z-index:1;
    left: 0px;
    }
    #Layer2 {
    position:absolute;
    width:100%;
    height:25px;
    z-index:2;
    left: 0px;
    bottom: 0px;
    }
    #Layer3 {
    position:absolute;
    width:200px;
    z-index:3;
    left: 0px;
    bottom: 25px;
    overflow: scroll;
    }
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if
    ((appName=="Netscape")&&(pInt(appVersion)==4)) {
    doent.MM_pgW=innerWidth; doent.MM_pgH=innerHeight;
    onresize=MM_reloadPage; }}
    else if (innerWidth!=doent.MM_pgW || innerHeight!=doent.MM_pgH)
    location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>

    <body>
    <div id="Layer1">top</div>
    <div id="Layer2">bottom</div>
    <div id="Layer3">
    <p>left</p>
    </div>
    </body>
    </html>

    Chris Snell Guest

  2. #2

    Default Re: Layer Sizing

    Here's a sincere suggestion. Take a break from using layers. They will get
    you into trouble if you are not well prepared for them. Read this page -

    [url]http://www.great-web-sights.com/g_layerlaws.asp[/url]
    > basically if i create 3 layers
    > header
    > main content
    > footer
    This shows me that you are headed down the slippery slope already. Using
    layers as a primary layout method is definitely not a best practice. If you
    don't want to use tables, then you need to study CSS methods and focus on
    block vs inline tags, normal flow of code, and how floats work....

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "Chris Snell" <webforumsusermacromedia.com> wrote in message
    news:ek1p7e$qug$1forums.macromedia.com...
    > Hi
    >
    > Ive been using dreamweaver for a while and just recently started to use
    > layers.
    > I think what im trying to do is simple enough, but just cant get it to do
    > what
    > i want.
    >
    > basically if i create 3 layers
    > header
    > main content
    > footer
    >
    > header is 100% wide by 115px positioned at top 0px
    > footer is 100% wide by 25px positioned at bottom 0px
    >
    > what i want to be able to do is make the "main content" window fill the
    > gap in
    > between regardless of the browser window size.
    > ive tried using the top and bottom properies but unlike setting width
    > properties i dont seem able to set a top position of
    > 115px so it sits under the header, and then specify a bottom property to
    > 25px
    > so it finshes just above the footer. It only seems to want to take notice
    > of 1
    > or other of the properties.
    >
    > can anyone tell me how to do this.
    >
    > Thanks
    > All help much apreciated.
    > :confused;
    >
    > <!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; cht=iso-8859-1" />
    > <title>Untitled Doent</title>
    > <style type="text/css">
    > <!--
    > body {
    > margin-left: 0px;
    > margin-top: 0px;
    > margin-right: 0px;
    > margin-bottom: 0px;
    > }
    > #Layer1 {
    > position:absolute;
    > width:100%;
    > height:115px;
    > z-index:1;
    > left: 0px;
    > }
    > #Layer2 {
    > position:absolute;
    > width:100%;
    > height:25px;
    > z-index:2;
    > left: 0px;
    > bottom: 0px;
    > }
    > #Layer3 {
    > position:absolute;
    > width:200px;
    > z-index:3;
    > left: 0px;
    > bottom: 25px;
    > overflow: scroll;
    > }
    > -->
    > </style>
    > <script type="text/javascript">
    > <!--
    > function MM_reloadPage(init) { //reloads the window if Nav4 resized
    > if (init==true) with (navigator) {if
    > ((appName=="Netscape")&&(pInt(appVersion)==4)) {
    > doent.MM_pgW=innerWidth; doent.MM_pgH=innerHeight;
    > onresize=MM_reloadPage; }}
    > else if (innerWidth!=doent.MM_pgW || innerHeight!=doent.MM_pgH)
    > location.reload();
    > }
    > MM_reloadPage(true);
    > //-->
    > </script>
    > </head>
    >
    > <body>
    > <div id="Layer1">top</div>
    > <div id="Layer2">bottom</div>
    > <div id="Layer3">
    > <p>left</p>
    > </div>
    > </body>
    > </html>
    >

    Murray *ACE* Guest

Similar Threads

  1. Bottom layer spoils its upprt layer
    By jae kim in forum Adobe Photoshop 7, CS, CS2 & CS3
    Replies: 6
    Last Post: August 14th, 01:46 AM
  2. Bottom layer spoils its upper layer
    By jae kim in forum Adobe Photoshop 7, CS, CS2 & CS3
    Replies: 2
    Last Post: August 13th, 06:15 AM
  3. PE2: Selecting and painting a layer having a Hidden Power Tools' layer mask?
    By Richard Hirschman in forum Adobe Photoshop Elements
    Replies: 6
    Last Post: August 7th, 03:05 PM
  4. Div Layer positioning and sizing
    By Fabian Koenig in forum Macromedia Dreamweaver
    Replies: 2
    Last Post: July 27th, 02:09 PM
  5. on Director : 3D layer + flash (SWF) layer (or with other layer type)
    By onelsonic webforumsuser@macromedia.com in forum Macromedia Director 3D
    Replies: 1
    Last Post: July 16th, 01:20 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •