Layer Sizing problems

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.

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 -
http://www.great-web-sights.com/g_layerlaws.asp
> 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!)
==================
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
==================
"Chris Snell" <[email protected]> wrote in
message
news:[email protected]...
> 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.
>
>
> <!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=iso-8859-1" />
> <title>Untitled Document</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")&&(parseInt(appVersion)==4)) {
> document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
> onresize=MM_reloadPage; }}
> else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.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>
>

Similar Messages

  • Q10 Screen Sizing Problem in Blackberry 10.3

    Has anyone else noticed that there seems to be a screen sizing problem in Blackberry 10.3.
    When you wake the screeen with a gesture or pull the handset from the Q10 pocket, the screen that it "wakes" up to is enlarged, requiring the user to use the finger gestures to shrink it down to regular size.
    Or have I just not mastered 10.3 yet?
    Rgds
    E.T.
    Solved!
    Go to Solution.

    Hi Folks,
    I've sussed this one out!
    It is not a problem with the screen resolution or the software update, I had within the accessibility settings the "Magnify Mode" enabled.
    Disable this and the screen behaves perfectly..........
    False Alarm. Sorry!
    Revert to Defcon 5...........   :-)

  • Line Sizing Problem

    I am running several reports to produce PDFs that have an interesting behavior. When I publish a report out to our reports server, text in a text box is showing up at or near the top of the box that contains it. This report output does not look very good. On my desktop environment, when I run the report it produces a PDF with no sizing issues.
    I have read in several places that this might be a postscipt printer issue. So, I switched the printer on the report server machine to a postscript printer but it did not fix the problem. The font that I am using is Arial as that is the standard font that the client uses. The report server is 6. Any recommendations are appreciated.
    Thanks,
    Greg

    Greg,
    This is probably that server is not using the printer fonts for formatting and uses the system fonts.
    Please ensure you use the same printer / similar driver for both the desktop and server to see the effect.
    Also, the server if you run as service, by default it runs in the system login and the defaukt printer wouldn't be accessible. Please go to the services properties and ensure the login account has admin privilages to access the printer
    Thanks
    The Oracle Reports Team

  • Drag Layer behavior problem in IE 6

    I have created a simple page with a draggable layer. Works
    fine in FF but if you
    scroll to the bottom of the page in IE the layer is not
    draggable any more. I first noticed this behavior when I created
    layers with DW MX2004, so just to make sure, I dowloaded DW 8,
    installed on a clean Win XP virtual PC, and the problem remains.
    Please look at this example and tell me what I'm missing:
    Example of draggable
    layer

    I have found the culprit, it is this code that DW
    inserts at the top of the page:
    quote:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "http
    ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    Now, in the first place, I am wondering why dozens of other
    users did not get the same problem, and secondly, what is the
    correct code to place at the top of the page???

  • Eyedropper Current Layer sampling problem.

    Using the "current layer" sampling setting for the eye dropper before I apply any top layer adjustments (adding a top layer with a different blending more or adding an adjustment layer) it works fine. When I use any adjustment layers or any layer that has a blending mode, it affects the way the eyedropper picks color especially when set to current layer.
    For instance, If I paint a new blank layer with random colors, I create a black and white adjustment layer on top of that one, I select the first color layer I go to pick a color using the eye dropper with the current layer sampling set, it picks a grey color (which is wrong). BUT!! if I open up the color picker with the color layer selected it picks the correct color. Now, if I delete the black and white adjustment layer, and I am back to only having the color layer, I then go to pick a color with current layer sampling still set, it chooses a grey color again?!?! There are no more layers on top of the original color layer I painted first, and yet it chooses a grey color?!?! I hope this makes sense, any ideas on why this is happening?
    I am working on Photoshop CS5 12.1 64bit

    I'm having the same problem in CS5.
    With current layer selected and a not visible layer of curves (contrast) and trying to pick from the current layer it picks as if the curves layer was visible.
    I have attached 2 images: first trying to pick with the curves layer off (you can see that it's picking a black color where brown should be picked. Second one with the curves layer on.
    After restarting Photoshop every thing work fine again. So I have assumed that the problem is vinculated with the action done before:
    Duplicate image 2 times
    Gaussian blur of 6px to the first image
    Apply image of the gaussian (RGB channel) inverted in mode "Add", scale 2, displacement 0.
    And I create a group as you can see on the screen shots.
    http://www.youtube.com/watch?v=wh6eIyrzbt0&t=1m8s
    I can reproduce this issue every time I use this technique...

  • LAYER 2 PROBLEM

         I have a LTE device which has two different network cards with different MAC addresses that share one virtual IP address. The LTE device is virtually connecting the two ports, for redundancy purposes. This LTE device has one layer 3 link connected to a 6509 to get to the INTERNET.
    The problem is that when the LTE device starts to use the second MAC address to send traffic to the switch (6509), the switch drops those packets. Then when you clear the arp table it works.
    IS  there a way to tell the switch that those two mac address belong to one IP address, and whenever one of these mac addresses initiates traffic do not drop them.
    Thanks  

    Can you do an extended ping from the fa1/15 interface? For extended ping type ping on the command prompt. for Extended commands answer "y" and then give the source interface as FastEthernet1/15.example shown below. Please do tell us the result.
    ping
    Protocol [ip]:
    Target IP address: 10.0.6.10
    Repeat count [5]:
    Datagram size [100]:
    Timeout in seconds [2]:
    Extended commands [n]: y
    Source address or interface: FastEthernet1/15
    Type of service [0]:
    Set DF bit in IP header? [no]:
    Validate reply data? [no]:
    Data pattern [0xABCD]:
    Loose, Strict, Record, Timestamp, Verbose[none]:
    Sweep range of sizes [n]:
    Type escape sequence to abort.
    Sending 5, 100-byte ICMP Echos to 10.0.6.10, timeou
    Packet sent with a ...

  • Photoshop CS6 [ Command + Click ] Layer Selection "Problem" Solved

    Good afternoon fellas,
    I've recently noticed something uncommon when working with Photoshop CS6 under Mac OS X 10.8.x.
    When I naturally tried to select a Layer by the [ Command + Click ] (let's say) shortcut, it failed. This little thing was driving me nuts, and I know it must be getting some people hairless, too.
    Anyway(s), by looking another read-only thread, I noticed the problem has not been solved and some pretty lame recommendations were given. By try, I finally found the solution and was able to fix this little annoyance that maybe we've all been through. So here it goes the workaround, so maybe you'll never consider downgrading to 5.5 again like I was considering:
    1) In Photoshop, make sure the Move Tool is selected by pressing "V";
    2) In the tool's submenu, forget about selecting/marking "Auto-Select". I know it sounds nonsense, trust me;
    3) Although, make sure "Layer" is selected right next to the "Auto-Select" button, and you should be done as I am.
    Hope this can help a few people! I would be very happy to know, since I just created this account to help you guys out.
    I don't know if this issue has been solved and posted already, I'm sorry. I just want to make sure we'll be all happy!
    Cheers,
    "Let it go, Jack."

    Did you actually took a look into Photoshop CS 6 before posting?
    Been using Photoshop since legacy 6.0.
    This was one feature that started off without being able to enable/ disable 'auto-select' sometime in 2003-2004 releases which was later appended to newer versions of Photoshop.
    I see your screenshot and I'm aware there is a 'tick' mark that appears next to Layer or Group when you choose either of them.
    But, without enabling 'auto-select', the selection you make in that dropdown will not have any effect.
    Try it for yourself.
    Create a new document
    Create any layer (rectangle, ellipse, whatever)
    Once created, deselect all layers (layers panel should not highlight any layer)
    Disable auto select. Choose 'Layer' from dropdown. Single click on the layer you just created. See what Photoshop says
    Now enable auto select. Choose 'Layer' from dropdown. SIngle click on the layer you just created. See what happens in Photoshop (Layers Panel)
    Cause I really wouldn't waste my time posting something wrong.
    I didn't say you posted something wrong. Neither would I be 'wasting' my time in responding to a post that I feel is incorrect. End of the day, this is a community and we're here to help each other and at no time should other fellow members be deceived by incorrect information.
    -ST

  • Photoshop CS4 Half Layer Transparency Problem

    Hello, my name is Rob. I know this might seem weird, I am still new with CS4, I've been using Photoshop CS for a few years now and just switched to CS4 a few days ago, but I have a problem. When I make a new "work" (when you go File->New) the next thing I'll get is a transparent layer cut in half on diagonal. I don't know if this is a feature of CS4, a setting or a bug, or maybe something that went wrong at installation. I need some help.
    I included some pictures to let you have a look.
    (If I do save the image, it is fully displayed. I find this very inconvenient because I don't know where should I put the text/images.)
    (Sorry for the noobish image, just wanted to show you my problem.)

    Robert Neagu wrote:
    Now, could you explain what does turning OpenGL do? What features does it turn off and what are they used for?
    It would seem that your video card is not up to the job of running OpenGL
    This Knowledge Base article explains it all far better than I can:
    http://go.adobe.com/kb/ts_kb404898_en-us
    It is worth reading in full.

  • Div Layer on top of Div Layer impossible problem

    Hello guys,
    For over 42 hours I've been puzzling myself with this problem.
    Using Dreamweaver cs5.5, i have a text box with overflow:auto, because there's alot of text. On top of this layer I have another div layer with a pic that fades when the page loads.  My problem is the scrollbar is beneath the layer for the pic that fades, so when you try to scroll down the page you cannot because the pic layer blocks it.  In Internet Explorer it works perfectly fine, but not in any other browser.
    Anyone know any way around this uberly frustrating problem?
    Thanks, and take care!

    Thank you for your response Murray....Below is the code.  I appreciate any and all input.
    <!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>
    <link rel="stylesheet" type"text/css" href="style/main.css" />
    <style type="text/css">
    #apDiv1 {
              width:800px;
              height:680px;
              margin:auto;
              position:relative;
    #apDiv2 {
              position:absolute;
              width:200px;
              height:115px;
              z-index:1;
    #apDiv3 {
              position:absolute;
              width:628px;
              height:439px;
              z-index:1;
              left: 23px;
              top: 26px;
    #apDiv4 {
              position:absolute;
              width:200px;
              height:115px;
              z-index:1;
              left: -28px;
              top: -2px;
    #apDiv5 {
              position:absolute;
              width:608px;
              height:400px;
              z-index:2;
              left: 89px;
              top: 153px;
    </style>
    <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
    <script type="text/javascript">
    function MM_effectAppearFade(targetElement, duration, from, to, toggle)
              Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
    </script>
    </head>
    <body>
    <div id="apDiv1">
      <div id="apDiv2"><img src="images/lifelight street faded bg 2.jpg" width="800" height="680" border="0" usemap="#Map" />
        <map name="Map" id="Map">
          <area shape="rect" coords="242,106,303,134" href="index.html" />
        </map>
        <div id="apDiv5">
          <div id="apDiv3">
          <div style="overflow:auto; height:347px; font-family:Verdana, Geneva, sans-serif;">   <center> <b>ABOUT US</b> </center> <p>
    Life Light Street Productions was started by a small group of individuals interested in creating a social network to encourage disconnected youth on street corners to earn GED’s, consider and prepare for college enrollment and to learn about career options.<p> 
    In 2005 founder and Executive Director Ayanna M. Cole, MSW started leading a group of young adult professionals and college students to a neighborhood in South Jamaica, Queens to begin a dialogue with youth and young adults found hanging out in the neighborhood.  Over three years volunteers spent every Saturday morning and early afternoon walking through the neighborhood talking and even praying with youth and young adults found on street corners, on basketball courts and on building stoops.<p>
    Volunteers provided information in response to a variety of needs such as finding summer employment, how to apply to college, resume writing and career options.<p> 
    Today Life Light Street Productions is also facilitating media training workshops with court involved youth and formerly incarcerated men and women.<p>  
    Board of Directors:<br />
    Ayanna M. Cole, MSW <br />
    Dr. Adelaide During<br />
    Larissa K. Cole
    <p>
    Advisory Board:<br />
    Rev. Alfonso Wyatt, President, Fund for the City of NY<br />
    Alisa W. Cupid, Esq.
    <p>
    Contact Us <br />
    Phone: 718-564-7221<br />
    Email:
    </div></div>
         <div id="apDiv4"><img src="images/kidpic2.jpg" style="position:absolute; width: 649px; left: 31px;" width="637" height="467" onload="MM_effectAppearFade('apDiv4', 2200, 100, 0, false)" /></div>
    </div>
      </div>
    </div>
    </body>
    </html>

  • Layer positioning problem

    i insert a layer. set properties - top, left, width, height -
    but layer goes where it wants to. not honoring property values in
    dreamweaver edit mode and even worse positioning error in
    preview/debug. can not figure it out. all other layers on page
    behave fine. position set to absolute, float to none.

    Design view....
    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
    ==================
    "Walt F. Schaefer" <[email protected]> wrote in
    message
    news:ep8eu1$rj9$[email protected]..
    >>>what features to leave out of the cut down
    version.
    >
    > Code View?
    >
    > Walt
    >
    > "Malcolm N_" <[email protected]> wrote in
    message
    > news:[email protected]..
    >> On Wed, 24 Jan 2007 01:34:31 +0000 (UTC),
    "elmorilloana"
    >> <[email protected]> wrote:
    >>
    >>> i have been
    >>>teaching children to make pages using pagemill as
    is much more intuitive
    >>>than
    >>>dw. but, things move on - time i learned the
    'latest'. forums are a
    >>>nice help.
    >>
    >> I think one of the problems is that DW is too high
    level for some
    >> people to start html work - and therefore too
    expensive. No amateur is
    >> going to spend the full price, when other packages
    like Pagemill were
    >> /are in the 50 to 100 dollar / pound / euro league.
    >>
    >> I've said before that Adobe may be well advise to
    release the next DW
    >> in the same way as Photoshop; the whole package for
    professionals and
    >> like Photoshop Elements for the domestic market. The
    tricky part would
    >> be what features to leave out of the cut down
    version.
    >>
    >> --
    >>
    >> ~Malcolm N....
    >> ~
    >
    >

  • Layer shift problem

    hi there
    i have problem in designing the page
    i have something like
    <div id="Layer7" style="position:absolute; width:153px; height:158px; z-index:inherit; left: 1042px; top: 370px;" class="cornerBL">
              <iframe
                        src="http://localhost/www.sun.com/tools/saat.htm"
                        width="100%" height="100%"
                        frameborder="0"
                        name="a"
                        scrolling="no"
                        border=0>
              </iframe>
    </div>
    in my page if the browser window is maximized everything is ok
    but when i restore the window thle layer above shifts to the right
    it does not adjust the position to where it should be
    i know that's more related with "html" but can anyone give an idea on this one .?
    i appriciate your helps....

    After I reset all preferences to default, there were quite a few settings that I wanted to restore, such as interface colors, but the quick mask was still not working.  When I got down to performance, I noticed that the PS usage was up to 10230 MB or 70% of available RAM. This was new.  I selected Big and Flat, same as before, but increased the Cache Tile Size to 1024K from 128K, same as before.  I closed PS for some of the items to take effect.  Then when I reopened, CC seemed not to recognize me, and I had to sign in again.  Then, I opened a much smaller file and the quick mask seemed to be working.  I opened a somewhat larger file of 200 MB and it was still working.  I opened a 300 MB and it seems to be back to normal. I have no idea what really made the difference, but the problem seems to be solved.  Most peculiar.

  • Layer group problem

    Mac OS X 10.10, PS CC 2014.2.1.
    I have a large file with layer groups. I can click to open and close the layer group, but when the group is open, when I click on a specific layer to work on it, the layer group closes. The problem appears to have arisen after I tried saving the file and getting a "too big to save as TIFF" warning. I can't swear that these two things are connected, but before I tried to save, the layer group worked fine, and after I tried the save, it didn't.

    New info. When I saved the file as a PSB file, the issue resolved. So there seems to be a bug that appears under uncommon circumstances. But there is a way to work around it.

  • Compressor 2 Quicktime to iPod Sizing Problem

    Hello,
    As a podcaster, I have to convert regular quicktime files into iPod-compatible m4v format all the time. Usually I use Quicktime Pro to do this - its simple and I havent had any problems with it. But I'm looking for ways to reduce my file sizes, so I was looking into using Compressor for this.
    I used the new H.264 iPod video setting, but got an unsatifactory result that mystifies me:
    720x480 quicktime file, when converted via Quicktime Pro's iPod conversion, becomes 320x213 and looks fine.
    The same file, when run through Compressor's iPod setting, goes to 320x240, BUT it looks stretched vertically.
    Any ideas why this might be happening?
    Thanks,
    Simon

    Actually, 320x240 is the correct aspect ratio for playback on a computer display. NTSC TV is a 4:3 aspect ratio so the correct viewing format for your 720x480 clip is actually 640x480 (note that the latter is a 4:3 ratio). This confusion results from the fact that NTSC TV displays use rectangular pixels while computer display pixels are usually square. Thus, in order to get the correct aspect ratio during playback on a computer's square pixels you need to set the video to 640x480 or 320x240. However, if you plan on viewing the output on a NTSC TV then either 720x480 or 320x213 are acceptable since both of those will result in a 4:3 viewing ratio during full screen playback on the TV (the conversion happens "auto-magically" -- in effect -- since a standard definition TV has a 4:3 aspect ratio).
    Note further that the iPod video display is 320x240 (also 4:3) so I'd suspect that the best quality playback on the iPod would be obtained with a similar sized movie.

  • Layer printing problem

    Hello!
    I've a problem with a Photoshop document when printing, some of the layers disappear on the print even though thery're visible i Photoshop? Anyone know what might be wrong?
    Kindly,
    Kim

    I didn’t mean Layer Masks, but actual additional channels as visible in the Channels Panel.
    Is there a Clipping Path possibly?
    Are the missing layers pixel-layers or Adjustment Layers?
    Other than that you could try working around the problem by flattening the file before printing.

  • Illustrator 16.04,  Show & Print layer option problem

    When I open a Illustrator artwork file, that's been supplied, the 'Show' & 'Print' options in Layers are turned off as a default. When opening the same file on another Mac all the layers are visible to print. When I turn on the show & print options on the first 'invisible' layer all the layers suddenly view correctly. I have re-installed Illustrator, binned all the preferences and cache. Any ideas whats causing the problem.

    Hello Zuc,
    The problem is the lousy version CS4 that conflicts with the Lousy version CS3. I believe you have to uninstall Lousy version CS3 to make Lousy version CS4 work (or vise-versa).
    But you are not alone, PC users have the same experience (they are using the same lousy software):
    http://www.adobeforums.com/webx/.59b7e6db/0
    So you have to choose which version is less harmful. Is sad that Adobe is not longer reliable with new technology. Please let me know when CS4 gets an update. Thank you!

Maybe you are looking for