This can't be that difficult

Ask a Question related to Macromedia Dreamweaver, Design and Development.

  1. #1

    Default Re: This can't be that difficult

    That works OK for me.

    --

    Jules
    -----
    Charon Cart 3
    [url]http://www.charon.co.uk/charoncart[/url]



    mickey wrote:
    > How the heck do I align a layer in the center of a page even after
    > resizing the browser???
    >
    > I though it would be:
    >
    > <div id="yada" align="center" > text </div>
    >
    > But it ain't workin'.
    >
    > How do I do this simple task???
    >
    > Thanks,
    > mickey

    Julian Roberts Guest

  2. Similar Questions and Discussions

    1. Why is this so difficult ?
      We've just installed Flash Media Server, and we're trying to get a Flash 8 movie to get a stream of it. Server Configuration Standard default...
    2. difficult JOIN
      Hi, i have the following SQL-Problem: We are using 2 tables. The first, called plan, is holding planned working times for employees per tour:...
    3. help for more difficult questions?
      Just wondering if there are any other resources besides this (and paying $99 to ask one question!!!) for FreeHand support? I've posted what I'm...
    4. is it difficult ?
      i have a unique and difficult prob. i work for an opticals co. and they wanted me to do a projector file where in all the images of lenses are...
    5. How difficult it is?
      Ann <fyang7@tom.com> wrote: This might help you out: <http://developer.apple.com/macosx/win32porting/> Also, if you use VisualBasic,...
  3. #2

    Default Re: This can't be that difficult

    It's not a layer.... 8)

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver MX
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
    ANSWERS
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "Julian Roberts" <newsgroup@charon.co.uk> wrote in message
    news:bf23mi$jes$1@forums.macromedia.com...
    > That works OK for me.
    >
    > --
    >
    > Jules
    > -----
    > Charon Cart 3
    > [url]http://www.charon.co.uk/charoncart[/url]
    >
    >
    >
    > mickey wrote:
    > > How the heck do I align a layer in the center of a page even after
    > > resizing the browser???
    > >
    > > I though it would be:
    > >
    > > <div id="yada" align="center" > text </div>
    > >
    > > But it ain't workin'.
    > >
    > > How do I do this simple task???
    > >
    > > Thanks,
    > > mickey
    >
    >

    Murray *TMM* Guest

  4. #3

    Default Re: This can't be that difficult

    Depending on any style for #yada of course.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver MX
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
    ANSWERS
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "Julian Roberts" <newsgroup@charon.co.uk> wrote in message
    news:bf23mi$jes$1@forums.macromedia.com...
    > That works OK for me.
    >
    > --
    >
    > Jules
    > -----
    > Charon Cart 3
    > [url]http://www.charon.co.uk/charoncart[/url]
    >
    >
    >
    > mickey wrote:
    > > How the heck do I align a layer in the center of a page even after
    > > resizing the browser???
    > >
    > > I though it would be:
    > >
    > > <div id="yada" align="center" > text </div>
    > >
    > > But it ain't workin'.
    > >
    > > How do I do this simple task???
    > >
    > > Thanks,
    > > mickey
    >
    >

    Murray *TMM* Guest

  5. #4

    Default Re: This can't be that difficult

    Isn't it? Just goes to show how much I know, lol. I just copied that code
    into a page and it was centred.

    --
    Jules
    -----
    Charon Cart 3
    [url]http://www.charon.co.uk/charoncart[/url]



    Murray *TMM* wrote:
    > It's not a layer.... 8)
    >
    >
    > "Julian Roberts" <newsgroup@charon.co.uk> wrote in message
    > news:bf23mi$jes$1@forums.macromedia.com...
    >> That works OK for me.
    >>
    >> --
    >>
    >> Jules
    >> -----
    >> Charon Cart 3
    >> [url]http://www.charon.co.uk/charoncart[/url]
    >>
    >>
    >>
    >> mickey wrote:
    >>> How the heck do I align a layer in the center of a page even after
    >>> resizing the browser???
    >>>
    >>> I though it would be:
    >>>
    >>> <div id="yada" align="center" > text </div>
    >>>
    >>> But it ain't workin'.
    >>>
    >>> How do I do this simple task???
    >>>
    >>> Thanks,
    >>> mickey

    Julian Roberts Guest

  6. #5

    Default Re: This can't be that difficult

    Sorry if this message shows up twice. I posted it a few minutes ago and it
    still hasn't shown up. Here it is again:

    Murray,
    ???????????? Not a layer? Have I totally missed the concept of layers????

    Below is the page code.

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" 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>
    <link href="/test5.css" rel="stylesheet" type="text/css">

    </head>

    <body>


    <div id="Layer1"><img src="/images/test5.gif" width="750" height="40">
    </div>

    <div id="Layer2"></div>

    </body>
    </html>


    ---------------------------------------------------------

    Here is the CSS linked to that page.


    body {
    font-family: Arial, Helvetica, sans-serif;
    }

    td {
    font-family: Arial, Helvetica, sans-serif;
    }

    th {
    font-family: Arial, Helvetica, sans-serif;
    }#layer1 {
    position: absolute;
    visibility: visible;
    height: 40px;
    width: 750px;
    }
    #layer2 {
    position: absolute;
    visibility: visible;
    height: 350px;
    width: 750px;
    top:55;
    border: 1px solid #006666;
    }

    ------------------------------------------------------
    Below is the CSS linked to the page above.


    body {
    font-family: Arial, Helvetica, sans-serif;
    }

    td {
    font-family: Arial, Helvetica, sans-serif;
    }

    th {
    font-family: Arial, Helvetica, sans-serif;
    }
    #layer1 {
    position: absolute;
    visibility: visible;
    height: 40px;
    width: 750px;
    }
    #layer2 {
    position: absolute;
    visibility: visible;
    height: 350px;
    width: 750px;
    top:55;
    border: 1px solid #006666;
    }

    --------------------------------------

    The page can be viewed at [url]http://207.176.137.246/test5.asp[/url]

    Thanks, mickey




    mickey Guest

  7. #6

    Default Re: This can't be that difficult

    Woops, the CSS was listed twice. I don't have it linked twice. :-)

    mickey


    "mickey" <newslists@micnap.com> wrote in message
    news:bf25aq$lf2$1@forums.macromedia.com...
    > Sorry if this message shows up twice. I posted it a few minutes ago and
    it
    > still hasn't shown up. Here it is again:
    >
    > Murray,
    > ???????????? Not a layer? Have I totally missed the concept of
    layers????
    >
    > Below is the page code.
    >
    > <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    > <html>
    > <head>
    > <title>Untitled Document</title>
    > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    > <script language="JavaScript" 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>
    > <link href="/test5.css" rel="stylesheet" type="text/css">
    >
    > </head>
    >
    > <body>
    >
    >
    > <div id="Layer1"><img src="/images/test5.gif" width="750" height="40">
    > </div>
    >
    > <div id="Layer2"></div>
    >
    > </body>
    > </html>
    >
    >
    > ---------------------------------------------------------
    >
    > Here is the CSS linked to that page.
    >
    >
    > body {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > td {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > th {
    > font-family: Arial, Helvetica, sans-serif;
    > }#layer1 {
    > position: absolute;
    > visibility: visible;
    > height: 40px;
    > width: 750px;
    > }
    > #layer2 {
    > position: absolute;
    > visibility: visible;
    > height: 350px;
    > width: 750px;
    > top:55;
    > border: 1px solid #006666;
    > }
    >
    > ------------------------------------------------------
    > Below is the CSS linked to the page above.
    >
    >
    > body {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > td {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > th {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    > #layer1 {
    > position: absolute;
    > visibility: visible;
    > height: 40px;
    > width: 750px;
    > }
    > #layer2 {
    > position: absolute;
    > visibility: visible;
    > height: 350px;
    > width: 750px;
    > top:55;
    > border: 1px solid #006666;
    > }
    >
    > --------------------------------------
    >
    > The page can be viewed at [url]http://207.176.137.246/test5.asp[/url]
    >
    > Thanks, mickey
    >
    >
    >
    >

    mickey Guest

  8. #7

    Default Re: This can't be that difficult

    Mickey:

    It's just a div tag unless you also have a stylesheet that positions it on
    the page. If it's positioned, a center align makes no sense.

    In your case, your stylesheet is positioning both Layer1 and Layer2.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver MX
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
    ANSWERS
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "mickey" <newslists@micnap.com> wrote in message
    news:bf254u$l4r$1@forums.macromedia.com...
    > Murray,
    > ???????????? Not a layer? Have I totally missed the concept of
    layers????
    >
    > What am I missing?
    >
    > Below is the page code.
    >
    > <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    > <html>
    > <head>
    > <title>Untitled Document</title>
    > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    > <script language="JavaScript" 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>
    > <link href="/test5.css" rel="stylesheet" type="text/css">
    >
    > </head>
    >
    > <body>
    >
    >
    > <div id="Layer1"><img src="/images/test5.gif" width="750" height="40">
    > </div>
    >
    > <div id="Layer2"></div>
    >
    > </body>
    > </html>
    >
    >
    > ---------------------------------------------------------
    >
    > Here is the CSS linked to that page.
    >
    >
    > body {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > td {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > th {
    > font-family: Arial, Helvetica, sans-serif;
    > }#layer1 {
    > position: absolute;
    > visibility: visible;
    > height: 40px;
    > width: 750px;
    > }
    > #layer2 {
    > position: absolute;
    > visibility: visible;
    > height: 350px;
    > width: 750px;
    > top:55;
    > border: 1px solid #006666;
    > }
    >
    > ------------------------------------------------------
    > Below is the CSS linked to the page above.
    >
    >
    > body {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > td {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > th {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    > #layer1 {
    > position: absolute;
    > visibility: visible;
    > height: 40px;
    > width: 750px;
    > }
    > #layer2 {
    > position: absolute;
    > visibility: visible;
    > height: 350px;
    > width: 750px;
    > top:55;
    > border: 1px solid #006666;
    > }
    >
    > --------------------------------------
    >
    > The page can be viewed at [url]http://207.176.137.246/test5.asp[/url]
    >
    > Thanks, mickey
    >
    >
    >
    > "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    > news:bf23se$jj4$1@forums.macromedia.com...
    > > It's not a layer.... 8)
    > >
    > > --
    > > Murray --- ICQ 71997575
    > > Team Macromedia Volunteer for Dreamweaver MX
    > > (If you *MUST* email me, don't LAUGH when you do so!)
    > > ==================
    > > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO
    GET
    > > ANSWERS
    > > ==================
    > > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    > > ==================
    > >
    > > "Julian Roberts" <newsgroup@charon.co.uk> wrote in message
    > > news:bf23mi$jes$1@forums.macromedia.com...
    > > > That works OK for me.
    > > >
    > > > --
    > > >
    > > > Jules
    > > > -----
    > > > Charon Cart 3
    > > > [url]http://www.charon.co.uk/charoncart[/url]
    > > >
    > > >
    > > >
    > > > mickey wrote:
    > > > > How the heck do I align a layer in the center of a page even after
    > > > > resizing the browser???
    > > > >
    > > > > I though it would be:
    > > > >
    > > > > <div id="yada" align="center" > text </div>
    > > > >
    > > > > But it ain't workin'.
    > > > >
    > > > > How do I do this simple task???
    > > > >
    > > > > Thanks,
    > > > > mickey
    > > >
    > > >
    > >
    > >
    >
    >

    Murray *TMM* Guest

  9. #8

    Default Re: This can't be that difficult

    Muray,
    Thanks for the replies.
    How do I get the page centered horizontally like this page -
    [url]http://www.bitwisesolutions.com/difference.asp[/url]. I realize this page is
    using tables to center everything but how do I do this using layers.... or
    whatever I'm using if it's not considered layers?
    mickey



    "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    news:bf25g9$ll3$1@forums.macromedia.com...
    > Mickey:
    >
    > It's just a div tag unless you also have a stylesheet that positions it on
    > the page. If it's positioned, a center align makes no sense.
    >
    > In your case, your stylesheet is positioning both Layer1 and Layer2.
    >
    > --
    > Murray --- ICQ 71997575
    > Team Macromedia Volunteer for Dreamweaver MX
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
    > ANSWERS
    > ==================
    > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    > ==================
    >
    > "mickey" <newslists@micnap.com> wrote in message
    > news:bf254u$l4r$1@forums.macromedia.com...
    > > Murray,
    > > ???????????? Not a layer? Have I totally missed the concept of
    > layers????
    > >
    > > What am I missing?
    > >
    > > Below is the page code.
    > >
    > > <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    > > <html>
    > > <head>
    > > <title>Untitled Document</title>
    > > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    > > <script language="JavaScript" 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>
    > > <link href="/test5.css" rel="stylesheet" type="text/css">
    > >
    > > </head>
    > >
    > > <body>
    > >
    > >
    > > <div id="Layer1"><img src="/images/test5.gif" width="750" height="40">
    > > </div>
    > >
    > > <div id="Layer2"></div>
    > >
    > > </body>
    > > </html>
    > >
    > >
    > > ---------------------------------------------------------
    > >
    > > Here is the CSS linked to that page.
    > >
    > >
    > > body {
    > > font-family: Arial, Helvetica, sans-serif;
    > > }
    > >
    > > td {
    > > font-family: Arial, Helvetica, sans-serif;
    > > }
    > >
    > > th {
    > > font-family: Arial, Helvetica, sans-serif;
    > > }#layer1 {
    > > position: absolute;
    > > visibility: visible;
    > > height: 40px;
    > > width: 750px;
    > > }
    > > #layer2 {
    > > position: absolute;
    > > visibility: visible;
    > > height: 350px;
    > > width: 750px;
    > > top:55;
    > > border: 1px solid #006666;
    > > }
    > >
    > > ------------------------------------------------------
    > > Below is the CSS linked to the page above.
    > >
    > >
    > > body {
    > > font-family: Arial, Helvetica, sans-serif;
    > > }
    > >
    > > td {
    > > font-family: Arial, Helvetica, sans-serif;
    > > }
    > >
    > > th {
    > > font-family: Arial, Helvetica, sans-serif;
    > > }
    > > #layer1 {
    > > position: absolute;
    > > visibility: visible;
    > > height: 40px;
    > > width: 750px;
    > > }
    > > #layer2 {
    > > position: absolute;
    > > visibility: visible;
    > > height: 350px;
    > > width: 750px;
    > > top:55;
    > > border: 1px solid #006666;
    > > }
    > >
    > > --------------------------------------
    > >
    > > The page can be viewed at [url]http://207.176.137.246/test5.asp[/url]
    > >
    > > Thanks, mickey
    > >
    > >
    > >
    > > "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    > > news:bf23se$jj4$1@forums.macromedia.com...
    > > > It's not a layer.... 8)
    > > >
    > > > --
    > > > Murray --- ICQ 71997575
    > > > Team Macromedia Volunteer for Dreamweaver MX
    > > > (If you *MUST* email me, don't LAUGH when you do so!)
    > > > ==================
    > > > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO
    > GET
    > > > ANSWERS
    > > > ==================
    > > > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > > > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > > > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > > > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    > > > ==================
    > > >
    > > > "Julian Roberts" <newsgroup@charon.co.uk> wrote in message
    > > > news:bf23mi$jes$1@forums.macromedia.com...
    > > > > That works OK for me.
    > > > >
    > > > > --
    > > > >
    > > > > Jules
    > > > > -----
    > > > > Charon Cart 3
    > > > > [url]http://www.charon.co.uk/charoncart[/url]
    > > > >
    > > > >
    > > > >
    > > > > mickey wrote:
    > > > > > How the heck do I align a layer in the center of a page even after
    > > > > > resizing the browser???
    > > > > >
    > > > > > I though it would be:
    > > > > >
    > > > > > <div id="yada" align="center" > text </div>
    > > > > >
    > > > > > But it ain't workin'.
    > > > > >
    > > > > > How do I do this simple task???
    > > > > >
    > > > > > Thanks,
    > > > > > mickey
    > > > >
    > > > >
    > > >
    > > >
    > >
    > >
    >
    >

    mickey Guest

  10. #9

    Default Re: This can't be that difficult

    Mickey:

    Here's a post that Al Sparber made here last month -

    If you have nothing on a page except a layer, then it doesn't need to be a
    layer... it can be a static div or just start typing on the page.
    For a fluid page, simply use the body element to set margin:

    body {
    margin: 0 15%;
    padding: 0;
    }

    The page will be 70% wide and centered

    Alternatively, you can use a static div and set its left and right margins
    to "auto"

    #centeredDiv {
    width: whatever;
    margin: 0 auto;
    }

    (above requires a full doctype)

    However, IE5x on the PC does not support it, so here is a workaround:
    #divWrapper {text-align: center;}
    #centeredDiv {
    width: whatever;
    margin: 0 auto;
    text-align: left;
    }


    <div id="divWrapper">
    <div id="centeredDiv">
    Content in Here
    </div>
    </div>

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver MX
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
    ANSWERS
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "mickey" <newslists@micnap.com> wrote in message
    news:bf25qu$m38$1@forums.macromedia.com...
    > Muray,
    > Thanks for the replies.
    > How do I get the page centered horizontally like this page -
    > [url]http://www.bitwisesolutions.com/difference.asp[/url]. I realize this page is
    > using tables to center everything but how do I do this using layers.... or
    > whatever I'm using if it's not considered layers?
    > mickey
    >
    >
    >
    > "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    > news:bf25g9$ll3$1@forums.macromedia.com...
    > > Mickey:
    > >
    > > It's just a div tag unless you also have a stylesheet that positions it
    on
    > > the page. If it's positioned, a center align makes no sense.
    > >
    > > In your case, your stylesheet is positioning both Layer1 and Layer2.
    > >
    > > --
    > > Murray --- ICQ 71997575
    > > Team Macromedia Volunteer for Dreamweaver MX
    > > (If you *MUST* email me, don't LAUGH when you do so!)
    > > ==================
    > > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO
    GET
    > > ANSWERS
    > > ==================
    > > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    > > ==================
    > >
    > > "mickey" <newslists@micnap.com> wrote in message
    > > news:bf254u$l4r$1@forums.macromedia.com...
    > > > Murray,
    > > > ???????????? Not a layer? Have I totally missed the concept of
    > > layers????
    > > >
    > > > What am I missing?
    > > >
    > > > Below is the page code.
    > > >
    > > > <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    > > > <html>
    > > > <head>
    > > > <title>Untitled Document</title>
    > > > <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    > > > <script language="JavaScript" 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>
    > > > <link href="/test5.css" rel="stylesheet" type="text/css">
    > > >
    > > > </head>
    > > >
    > > > <body>
    > > >
    > > >
    > > > <div id="Layer1"><img src="/images/test5.gif" width="750" height="40">
    > > > </div>
    > > >
    > > > <div id="Layer2"></div>
    > > >
    > > > </body>
    > > > </html>
    > > >
    > > >
    > > > ---------------------------------------------------------
    > > >
    > > > Here is the CSS linked to that page.
    > > >
    > > >
    > > > body {
    > > > font-family: Arial, Helvetica, sans-serif;
    > > > }
    > > >
    > > > td {
    > > > font-family: Arial, Helvetica, sans-serif;
    > > > }
    > > >
    > > > th {
    > > > font-family: Arial, Helvetica, sans-serif;
    > > > }#layer1 {
    > > > position: absolute;
    > > > visibility: visible;
    > > > height: 40px;
    > > > width: 750px;
    > > > }
    > > > #layer2 {
    > > > position: absolute;
    > > > visibility: visible;
    > > > height: 350px;
    > > > width: 750px;
    > > > top:55;
    > > > border: 1px solid #006666;
    > > > }
    > > >
    > > > ------------------------------------------------------
    > > > Below is the CSS linked to the page above.
    > > >
    > > >
    > > > body {
    > > > font-family: Arial, Helvetica, sans-serif;
    > > > }
    > > >
    > > > td {
    > > > font-family: Arial, Helvetica, sans-serif;
    > > > }
    > > >
    > > > th {
    > > > font-family: Arial, Helvetica, sans-serif;
    > > > }
    > > > #layer1 {
    > > > position: absolute;
    > > > visibility: visible;
    > > > height: 40px;
    > > > width: 750px;
    > > > }
    > > > #layer2 {
    > > > position: absolute;
    > > > visibility: visible;
    > > > height: 350px;
    > > > width: 750px;
    > > > top:55;
    > > > border: 1px solid #006666;
    > > > }
    > > >
    > > > --------------------------------------
    > > >
    > > > The page can be viewed at [url]http://207.176.137.246/test5.asp[/url]
    > > >
    > > > Thanks, mickey
    > > >
    > > >
    > > >
    > > > "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    > > > news:bf23se$jj4$1@forums.macromedia.com...
    > > > > It's not a layer.... 8)
    > > > >
    > > > > --
    > > > > Murray --- ICQ 71997575
    > > > > Team Macromedia Volunteer for Dreamweaver MX
    > > > > (If you *MUST* email me, don't LAUGH when you do so!)
    > > > > ==================
    > > > > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY
    TO
    > > GET
    > > > > ANSWERS
    > > > > ==================
    > > > > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > > > > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > > > > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > > > > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM)
    Technotes
    > > > > ==================
    > > > >
    > > > > "Julian Roberts" <newsgroup@charon.co.uk> wrote in message
    > > > > news:bf23mi$jes$1@forums.macromedia.com...
    > > > > > That works OK for me.
    > > > > >
    > > > > > --
    > > > > >
    > > > > > Jules
    > > > > > -----
    > > > > > Charon Cart 3
    > > > > > [url]http://www.charon.co.uk/charoncart[/url]
    > > > > >
    > > > > >
    > > > > >
    > > > > > mickey wrote:
    > > > > > > How the heck do I align a layer in the center of a page even
    after
    > > > > > > resizing the browser???
    > > > > > >
    > > > > > > I though it would be:
    > > > > > >
    > > > > > > <div id="yada" align="center" > text </div>
    > > > > > >
    > > > > > > But it ain't workin'.
    > > > > > >
    > > > > > > How do I do this simple task???
    > > > > > >
    > > > > > > Thanks,
    > > > > > > mickey
    > > > > >
    > > > > >
    > > > >
    > > > >
    > > >
    > > >
    > >
    > >
    >
    >

    Murray *TMM* Guest

  11. #10

    Default Re: This can't be that difficult

    We have liftoff! I used the divWrapper and made some position changes to
    the other layers and it working like I want now.

    Thanks a ton!

    mickey

    "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    news:bf26lk$mul$1@forums.macromedia.com...
    > Mickey:
    >
    > Here's a post that Al Sparber made here last month -
    >
    > If you have nothing on a page except a layer, then it doesn't need to be a
    > layer... it can be a static div or just start typing on the page.
    > For a fluid page, simply use the body element to set margin:
    >
    > body {
    > margin: 0 15%;
    > padding: 0;
    > }
    >
    > The page will be 70% wide and centered
    >
    > Alternatively, you can use a static div and set its left and right margins
    > to "auto"
    >
    > #centeredDiv {
    > width: whatever;
    > margin: 0 auto;
    > }
    >
    > (above requires a full doctype)
    >
    > However, IE5x on the PC does not support it, so here is a workaround:
    > #divWrapper {text-align: center;}
    > #centeredDiv {
    > width: whatever;
    > margin: 0 auto;
    > text-align: left;
    > }
    >
    >
    > <div id="divWrapper">
    > <div id="centeredDiv">
    > Content in Here
    > </div>
    > </div>
    >
    > --
    > Murray --- ICQ 71997575
    > Team Macromedia Volunteer for Dreamweaver MX
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
    > ANSWERS
    > ==================
    > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    > ==================
    >
    > "mickey" <newslists@micnap.com> wrote in message
    > news:bf25qu$m38$1@forums.macromedia.com...
    > > Muray,
    > > Thanks for the replies.
    > > How do I get the page centered horizontally like this page -
    > > [url]http://www.bitwisesolutions.com/difference.asp[/url]. I realize this page is
    > > using tables to center everything but how do I do this using layers....
    or
    > > whatever I'm using if it's not considered layers?
    > > mickey
    > >
    > >
    > >
    > > "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    > > news:bf25g9$ll3$1@forums.macromedia.com...
    > > > Mickey:
    > > >
    > > > It's just a div tag unless you also have a stylesheet that positions
    it
    > on
    > > > the page. If it's positioned, a center align makes no sense.
    > > >
    > > > In your case, your stylesheet is positioning both Layer1 and Layer2.
    > > >
    > > > --
    > > > Murray --- ICQ 71997575
    > > > Team Macromedia Volunteer for Dreamweaver MX
    > > > (If you *MUST* email me, don't LAUGH when you do so!)
    > > > ==================
    > > > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO
    > GET
    > > > ANSWERS
    > > > ==================
    > > > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > > > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > > > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > > > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    > > > ==================
    > > >
    > > > "mickey" <newslists@micnap.com> wrote in message
    > > > news:bf254u$l4r$1@forums.macromedia.com...
    > > > > Murray,
    > > > > ???????????? Not a layer? Have I totally missed the concept of
    > > > layers????
    > > > >
    > > > > What am I missing?
    > > > >
    > > > > Below is the page code.
    > > > >
    > > > > <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    > > > > <html>
    > > > > <head>
    > > > > <title>Untitled Document</title>
    > > > > <meta http-equiv="Content-Type" content="text/html;
    > charset=iso-8859-1">
    > > > > <script language="JavaScript" 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>
    > > > > <link href="/test5.css" rel="stylesheet" type="text/css">
    > > > >
    > > > > </head>
    > > > >
    > > > > <body>
    > > > >
    > > > >
    > > > > <div id="Layer1"><img src="/images/test5.gif" width="750"
    height="40">
    > > > > </div>
    > > > >
    > > > > <div id="Layer2"></div>
    > > > >
    > > > > </body>
    > > > > </html>
    > > > >
    > > > >
    > > > > ---------------------------------------------------------
    > > > >
    > > > > Here is the CSS linked to that page.
    > > > >
    > > > >
    > > > > body {
    > > > > font-family: Arial, Helvetica, sans-serif;
    > > > > }
    > > > >
    > > > > td {
    > > > > font-family: Arial, Helvetica, sans-serif;
    > > > > }
    > > > >
    > > > > th {
    > > > > font-family: Arial, Helvetica, sans-serif;
    > > > > }#layer1 {
    > > > > position: absolute;
    > > > > visibility: visible;
    > > > > height: 40px;
    > > > > width: 750px;
    > > > > }
    > > > > #layer2 {
    > > > > position: absolute;
    > > > > visibility: visible;
    > > > > height: 350px;
    > > > > width: 750px;
    > > > > top:55;
    > > > > border: 1px solid #006666;
    > > > > }
    > > > >
    > > > > ------------------------------------------------------
    > > > > Below is the CSS linked to the page above.
    > > > >
    > > > >
    > > > > body {
    > > > > font-family: Arial, Helvetica, sans-serif;
    > > > > }
    > > > >
    > > > > td {
    > > > > font-family: Arial, Helvetica, sans-serif;
    > > > > }
    > > > >
    > > > > th {
    > > > > font-family: Arial, Helvetica, sans-serif;
    > > > > }
    > > > > #layer1 {
    > > > > position: absolute;
    > > > > visibility: visible;
    > > > > height: 40px;
    > > > > width: 750px;
    > > > > }
    > > > > #layer2 {
    > > > > position: absolute;
    > > > > visibility: visible;
    > > > > height: 350px;
    > > > > width: 750px;
    > > > > top:55;
    > > > > border: 1px solid #006666;
    > > > > }
    > > > >
    > > > > --------------------------------------
    > > > >
    > > > > The page can be viewed at [url]http://207.176.137.246/test5.asp[/url]
    > > > >
    > > > > Thanks, mickey
    > > > >
    > > > >
    > > > >
    > > > > "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
    > > > > news:bf23se$jj4$1@forums.macromedia.com...
    > > > > > It's not a layer.... 8)
    > > > > >
    > > > > > --
    > > > > > Murray --- ICQ 71997575
    > > > > > Team Macromedia Volunteer for Dreamweaver MX
    > > > > > (If you *MUST* email me, don't LAUGH when you do so!)
    > > > > > ==================
    > > > > > [url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY
    > TO
    > > > GET
    > > > > > ANSWERS
    > > > > > ==================
    > > > > > [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    > > > > > [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    > > > > > [url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
    > > > > > [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM)
    > Technotes
    > > > > > ==================
    > > > > >
    > > > > > "Julian Roberts" <newsgroup@charon.co.uk> wrote in message
    > > > > > news:bf23mi$jes$1@forums.macromedia.com...
    > > > > > > That works OK for me.
    > > > > > >
    > > > > > > --
    > > > > > >
    > > > > > > Jules
    > > > > > > -----
    > > > > > > Charon Cart 3
    > > > > > > [url]http://www.charon.co.uk/charoncart[/url]
    > > > > > >
    > > > > > >
    > > > > > >
    > > > > > > mickey wrote:
    > > > > > > > How the heck do I align a layer in the center of a page even
    > after
    > > > > > > > resizing the browser???
    > > > > > > >
    > > > > > > > I though it would be:
    > > > > > > >
    > > > > > > > <div id="yada" align="center" > text </div>
    > > > > > > >
    > > > > > > > But it ain't workin'.
    > > > > > > >
    > > > > > > > How do I do this simple task???
    > > > > > > >
    > > > > > > > Thanks,
    > > > > > > > mickey
    > > > > > >
    > > > > > >
    > > > > >
    > > > > >
    > > > >
    > > > >
    > > >
    > > >
    > >
    > >
    >
    >

    mickey Guest

  12. #11

    Default Re: This can't be that difficult

    > Alternatively, you can use a static div and set its left and right margins
    > to "auto"
    >
    > #centeredDiv {
    > width: whatever;
    > margin: 0 auto;
    > }
    Does this work for top and bottom margins?

    TIA,

    Colin
    Colin Steadman Guest

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139