Centering pages built with layers

I've built a website using layers (not tables) in GoLive (Windows). How do I center it in the browser window? (Because my layers overlap, I can't put them into a table.) Is it possible?

> Is it possible?
Certainly, although when you finish you will still have a sow's ear of
problems with content in your absolutely positioned containers ('layers').
Do you know about those? The most troublesome one is the one that occurs
when you browse to the page and increase the browser's text size display.
The problem is caused by the inherent nature of absolute positioned
elements - they expand vertically (or even overflow if a height has been
specified for them) without regard for any other content on the page.
At any rate here's how to center -
It depends on whether you are using absolute positioning on the page, as to
which method might be best, but in either event, this will work -
Change this -
to this -
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
change this -
(the ellipsis represents any other attributes that might be mentioned in the
body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)
to this -
and this -
to this -
and see if that helps.
Murray

Similar Messages

  • Page built with a table does not display well in Internet Explorer.

    In Chrome and Safari it appears correctly (items are left justified in each column) while in Internet Explorer all columns are centered. Website is www.eventpowerli.com and it is the home page where we have the issue. I am new to building websites so please bear with me on this question: -) Let me know if you need addnl info. From what I have seen thus far, IE is a real problem child for more than one reason

    Honestly do not use tables for your site layouts. There is a variety of box model issues and more with IE, especially with using tables. And it is really bad form to design that way anyway.
    Tablless web design using CSS is the way it should be done and if you conform to web standards and CSS standards and best practises you will have less issues.
    http://girlswhogeek.com/tutorials/2006/create-a-tableless-css-layout Just as a basic example.

  • Uploading edited html pages built with adobe muse

    When I make changes to my muse site and FTP the html page those changes were made on, the published page looks out of whack - for example the text is too close to the edge of the text box no matter how much I offset it. Particularly if the changes were made inside a widget like the accordion or tabbed panel. Do I need to re-FTP the CSS folder and the scripts folder whenever I make a change to a page?

    Your scripts file should be fine if you just made simple edits but yes, you should also upload the CSS files.

  • Working with layers with centered page

    Is it possible to work with layers (Draw Layer) when you want
    your site to
    be centered. So far I´ve worked with centered (middle)
    Layout Table, but
    then I have to work with Laoyt Cells - i.e. I cannot use
    layers.

    Of course you can use layers with tables. Just work in
    Standard mode, not
    layout mode to do that. And please take the time to learn
    about layers
    before you use them -
    http://www.great-web-sights.com/g_layerlaws.asp
    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
    ==================
    "ojorus" <[email protected]> wrote in message
    news:epckvr$spo$[email protected]..
    > Is it possible to work with layers (Draw Layer) when you
    want your site to
    > be centered. So far I´ve worked with centered
    (middle) Layout Table, but
    > then I have to work with Laoyt Cells - i.e. I cannot use
    layers.
    >
    >
    >

  • How can I make a PDF file from each folders with layers, where each page is a each folder?

    How can I make a PDF file from each folders with layers, where each page is a each folder?

    I found an answer to my own question. A work around of sorts.
    Download Photoshop Elements 6 for Macintosh. With PSE6 I made a slide show with 550 images 1920x1200, without thumbs. I ran into one problem making the slide show. My images contained 4 images which had not ben created by Photoshop and could not be included in the slide show. Opening the images in Photoshop CS4 and re-saving them still did not make then acceptable. Not a big deal. I probably could have fixed the four images by stripping all EXIF data before opening them in Photoshop. BTW, PSE6 made the slide show in demo mode.
    I hope the bug in Photoshop CS4 will be fixed in Photoshop CS5.

  • Help with Layers

    Hi,
    I need some help with Layers? Here is a link to a simple page
    layout with 1 blue table, and 1 small green box. Both have a
    capital "I" on the left. The table was aligned to "center" in DW.
    http://sfrcreations.com/tbe.html
    When I built this page at home, on my tiny 12" monitor, the
    letters lined up over each other. When I look at it on larger
    monitors, they no longer line up. I did have a suspicion that this
    would happen due to my lack of knowledge of layers. So, my question
    is. How does one, with a centered table, get a layer to always
    appear where the designer wants it to no matter what the browser
    size is. For instance if you move the browser to different sizes,
    the blue box follows, but the layer stays where it is?
    Are the menus on this forum site and the Adobe site in
    general done by using layers? I ask, because if so, this site is
    centered, and the layers seem to adjust to any browser size.
    By the way, I am using Dreamweaver 8.
    Thanks for any help!

    8). I'm a shameless thief.
    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
    ==================
    "Nadia : **AdobeCommunityExpert**"
    <[email protected]> wrote
    in message news:[email protected]...
    > Took the words right out of my mouth - thanks Murray ;-)
    >
    > Nadia
    >
    >
    > "Murray *ACE*" <[email protected]>
    wrote in message
    > news:[email protected]...
    >> The wrapper div is relatively positioned and auto
    centering with a fixed
    >> width. This has two consequences. Being auto
    centering is obvious. The
    >> relative positioning is not.
    >>
    >> When an element is relatively positioned, it takes
    its position from its
    >> location in the flow of the code. Since the wrapper
    is the first thing
    >> on the page (wrapping everything else) its position
    will be at the top of
    >> the page (unless you would apply top page margins,
    or top margins on the
    >> wrapper), and centered (since relatively positioned
    elements *can* move,
    >> unlike absolutely positioned elements). Now - since
    it is relatively
    >> positioned *IT* will serve as the point of reference
    for all internal
    >> absolutely positioned elements. That's because the
    definition of
    >> absolute positioning is that its position is
    calculated from the location
    >> of its closest positioned ancestore.
    >>
    >> Thus, as the relatively positioned wrapper 'floats'
    to the center of each
    >> different browser viewport, all internal absolutely
    positioned elements
    >> are forced to 'float' along with it (I use 'float'
    in quotes to indicate
    >> that I am NOT talking about CSS floats, which are
    very different
    >> creatures than what I am describing).
    >>
    >> That's why it works.
    >>
    >> --
    >> 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
    >> ==================
    >>
    >>
    >> "engmix" <[email protected]> wrote
    in message
    >> news:[email protected]...
    >>> Hi Nadia,
    >>> Could you please explain how you designed this
    layout with some degree
    >>> of
    >>> detail. I could easily cut and paste your
    layout, but I really want to
    >>> understand how you went about it. What did you
    start with and so on.
    >>> Hope this
    >>> isn't to much to ask?
    >>>
    >>> Thanks again!
    >>>
    >>
    >>
    >
    >

  • Centering page in browser

    Hi
    I have used the following code to centre a site i am working
    on.:
    </head>
    to this -
    <style type="text/css">
    <!--
    body { text-align:center; }
    #wrapper { text-align:left; width:760px; margin:0
    auto;position:relative; }
    /* 760px will display on an 800px screen maximized browser
    window without */
    /* horizontal scrollbars. */
    -->
    </style>
    </head>
    change this -
    <body ...>
    to this -
    <body ...>
    <div id="wrapper">
    and this -
    </body>
    to this -
    <!-- /wrapper -->
    </div>
    </body>
    It centres the pages but they take a long time to load now
    compared to when they weren't centered.
    Is there a different centering technique i can use that won't
    cause the same problem?
    P.S - The have built the site with layers and some image
    ready slices.

    The page load times are not affected by your centering
    method. They are
    affected by your server speed, your net congestion, and your
    page weight.
    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
    ==================
    "Dilroy" <[email protected]> wrote in
    message
    news:efgskn$p11$[email protected]..
    > Hi
    > I have used the following code to centre a site i am
    working on.:
    > </head>
    > to this -
    > <style type="text/css">
    > <!--
    > body { text-align:center; }
    > #wrapper { text-align:left; width:760px; margin:0
    > auto;position:relative; }
    > /* 760px will display on an 800px screen maximized
    browser window without
    > */
    > /* horizontal scrollbars. */
    > -->
    > </style>
    > </head>
    > change this -
    > <body ...>
    > to this -
    > <body ...>
    > <div id="wrapper">
    > and this -
    > </body>
    > to this -
    > <!-- /wrapper -->
    > </div>
    > </body>
    >
    > It centres the pages but they take a long time to load
    now compared to
    > when
    > they weren't centered.
    >
    > Is there a different centering technique i can use that
    won't cause the
    > same
    > problem?
    >
    > P.S - The have built the site with layers and some image
    ready slices.
    >

  • A Problem with Layers

    I am having a problem with layers in different browsers. I
    have a menubar with some drop-down items. Some of these need to
    fall over other page objects such as GIFs. The problem is that in
    order for that to render correctly in IE, I have to set the z-index
    of the GIF to -1. However a GIF set to -1 doesn't render at all in
    Netscape. If I set the z-index to 0 it works fine in Netscape but
    not in IE. Has anyone dealt with this problem???

    Ugh. You are in deep doody.
    Your only option now is to hack mm_menu.js, and change all
    instances of -
    z-index="1"
    to -
    z-index="99"
    But - perhaps it would help if you read what the 'author' of
    that menu code
    (he adapted it, actually) says about the menus -
    http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
    In addition, this page will show you the potential problem of
    building with
    only layers -
    http://www.great-web-sights.com/g_layer-overlap.asp
    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
    ==================
    "glen_nicholls" <[email protected]> wrote in
    message
    news:enm2cp$de7$[email protected]..
    > Yes, everything on my page is in layers. Is that OK?
    Also I created my
    > menu in Fireworks.

  • Is it possible to view VIs remotely on windows 7 if VI was built with LabView 8.2?

    So I know i'm probably dealing with software compatibility issues here, BUT, I wanted to make sure every option was exhausted before considering the idea of upgrades.  
    Im using LabView full development system 8.2 on windows XP 32bit os.  Currently, I run into no issues when controling or building VIs on my computer.  Problems do occur when trying to control VIs on a remote computer with windows 7. That computer has run-time 8.2.1 installed on it.  For the most part it works best to just view the VIs, and not interact or control too much.  More specifically, the VI will freeze once interacting with a control that is intended to pop up a two button dialogue box.  I'm sure there are a lot more issues with using run-time 8.2.1 on a windows 7 computer; that one in particular is just the only one i've experienced.  
    In all efforts to avoid what could eventually be an unavoidable situation where an upgrade is necessary, is there a way to remotely control (on windows 7) a VI front panel that was built with labview 8.2?

    Thank you for the response.  Just to preface, I am fairly new to LabView so pardon my potentially "stupid" questions.  Here's my process in a nut shell:  VI programs are created on our server computer and then published for web with the "web publishing tool...".  The html page created is then put on a main page with all other created VIs and are then viewed on other computers that are part of the network via ip address.  
    I was under the impression the LabView run-time engine enabled remote computers to view and control these VIs.  Could be wrong?  After downloading and installing run-time 8.2.1 (since vi's were created with labview 8.2), those computers are able to enter the ip address and navigate to the main page to control the web published vi's.  The issue is with the computer that has windows 7.  I know run-time 8.2.1 isn't necessarily compatible with windows 7, but it does seem to run the vi on a pretty minimal level.  I run into problems on that computer when hitting particular controls that are wired to be more complex than just a simple boolean.
    Just to provide a visual, I attached an image of one of the scenarios where it will freeze up on the windows 7 computer.  This is how the VI should normally function; however, before the dialogue box even pops up after clicking a valve control, it freezes.  
    I didn't even consider VNC or Remote Desktop up to this point.  Thank you for that idea.  I'll definitely look into that as an alternative.

  • Custom Master Page issue with Document Set Libraries

    Details: Publishing site using SharePoint 2013.  The SharePoint is on my company's servers.
    Have a custom Master page that has a navigation banner (built with HTML/CSS/javascript).  The site has it applied successfully to the "Site Master Page" but when I also apply it to the "System Master Page", the libraries that have
    Document Set type content do not show the files within.   We'd like to be successful in applying to the "System Master Page" as that allows the banner to show when an actual library is accessed.    Any suggestions, please?

    Thanks. I've been experimenting with this for a few days now, and there's lots I don't understand about why and such, but your process above works. That's a big load off me right now and I really appreciate it. I'm going to be able to survive the initial
    roll-out and implementation of the new site. Going forward, I've got lots to learn and find out, I've already heard that there's a desire to really redesign the master page for the site and subsites, way beyond the little CSS customization I did. Fun.
    If you've got a little time though, perhaps you can provide some explanation. If not, no problem.
    On step 6, when I do as you detail, click the System Master Page and reset all the subsites, it seems to work fine with my custom master page. If I do that with the Site Master Page settings, my custom page causes the redirect issue in the subsites again.
    This is whether I do the Site Master Page by itself, or in conjunction with the System Master Page settings. If I revert back to the Seattle master page in the Site Master Page settings and my custom pate in the System Master Page, the issue goes away again.
    It is completely messing with my head, trying to figure out why that would be, and this is all beside trying to figure out why adding the one little CSS reference to the Seattle master to create my master page breaks things (sometimes!).
    Just fyi, what I've ended up with for now is pulling my custom master page out of the system and using the Alternate CSS URL to add my custom CSS to the Seattle master page on the sites. As I thought about all this, I decided I didn't want to leave the breakable
    custom page out there for some unsuspecting site manager to accidentally pick and get everyone screaming about the broken sites.
    Thanks again,
    Steven

  • Server Side Includes not rendering correctly in Firefox with Layers

    Hi
    The server side includes are not correctly rendering with layers in firefox. From my site here:-
    http://www.osteriastecca.com/index.php
    the home_page.php content renders above a layer on the index.php page. Initially I thought this might be a Flash layer issue but the wmode is set correctly to transparent and it works fine with a normal ssi. It also works fine in Firefox without a server side include as you can see here:-
    http://www.osteriastecca.com/index_old.php
    Works fine in IE and Safari, but not Firefox.
    How can this be rectified?
    Regards
    Glennyboy

    What testing server setup do you have? Are you using something like WAMP?
    What do you see on screen which tells you the SSIs are not rendering? Any error message?

  • Cfreport cutting off lines on multiple pages created with report builder

    I have a report built with report builder and it appears that if you set the body to "stretch with overflow" that cfreport will "cut off" a line or two every time it paginates see attached for a simplified version of the report, I have removed all but the body on this (actual report has a watermark, report header, page header and page footer ...the problem is pretty apparnt with this scaled down version as you can see it's missing text from one page to the next ..any ideas/suggestions/known bug?? You can see a sample of the issue here: http://www.arroyoc.com/onlybody.pdf

    Hi Helen,
    As per my understanding, I think this issue is caused by width size is not appropriate in the report. To narrow down this issue, please make sure that Body Width + Left margin + Right margin <= (Page width).
    If the tablix is a matrix, because of the column group can expand to multiple columns, we should according to the following rule:
    Body Width + Extra expanded column width + Left margin + Right margin <= (Page width).
    Besides, please make sure there are no extra page breaks before each “R”. To check whether the issue is caused by the letter “R”, we can try to use another field to replace the Company Name field.
    Hope this helps.
    Thanks,
    Katherine Xiong
    Katherine Xiong
    TechNet Community Support

  • Firefox doesn't display text properly on pages created with email marketing tool (Constant Contact).

    Pages that are built with Constant Contact email marketing application don't display correctly. Different sections of text, usually a paragraph or list group, are readable but "shaded out." This is happening on Mac and Windows platforms.
    The pages are built using standard HTML tags and the problem doesn't appear with other browsers.

    Can you post a link to one or more of such pages?
    * "Clear the Cache": Firefox > Preferences > Advanced > Network > Offline Storage (Cache): "Clear Now"
    * "Remove the Cookies" from sites that cause problems: Firefox > Preferences > Privacy > Cookies: "Show Cookies"
    Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    * Don't make any changes on the Safe mode start window.
    See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]

  • Pages Built from Template not working when put

    Hi,
    I am building a site with CS3 and running it to test it on
    onother site in a sub-directory - but, although the pages all work
    as expected when viewed locally, some are totally blank when put on
    the server - when I view the source they only contain;
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
    Transitional//EN">
    <HTML><HEAD>
    <META http-equiv=Content-Type content="text/html;
    charset=windows-1252"></HEAD>
    <BODY></BODY></HTML>
    so its not like the page is not there - its just that all the
    content has been skipped. I have tried re-putting, deleteing from
    the server and reputting - all with no success. Several pages,
    built from the same template work great, but just a few are like
    this...
    I have searched the net and forum, but can't find a similar
    problem - any help would be very gratefully received

    OK - I think that I have a system or corruption
    problem - I just tried another full upload and now nothing is
    working... I'm switching to my laptop to see if the old Dell is the
    problem.

  • Frustrated with layers

    I know this is so simple but I can't get it to work. what I want is to have a plain background color with either a picture over that is faint or a pattern that is lighter these are not the focal points then i want to add a few photos but would like to feather or rough up the edges so they don;t ;look like i just dropped them in and maybe a some other graphic like an animal or flames etc. and some text. please any help would be great. thank you in advance. Susan

    Since you mention being frustrated with layers, I assume you are having problems getting several images into the same document.
    Start by reading through this tutorial which shows how to open and get more than one image into a document.
    http://www.alibony.com/pse/070308copy.html
    You might also find some useful info on this page...top part anyway.
    http://www.alibony.com/pse/022108collage.html
    jazzyroses13 wrote:
    I know this is so simple but I can't get it to work. what I want is to have a plain background color with either a picture over that is faint or a pattern that is lighter these are not the focal points
    Use opacity in the layer's palette to reduce this image or pattern's transparency.
    jazzyroses13 wrote:
    add a few photos but would like to feather or rough up the edges so they don;t ;look like i just dropped them in
    One way would be to use this layer in a clipping mask...also known as a clipping group. See this tutorial on clipping masks/groups that includes several ways types of bases.
    http://www.photokaboom.com/photography/learn/Photoshop_Elements/layers/layer_groups_clippi ng_masks/1_layer_groups_clipping_masks.htm
    jazzyroses13 wrote:
    I know this is so simple but I can't get it to work. what I want is to have a plain background color with either a picture over that is faint or a pattern that is lighter these are not the focal points then i want to add a few photos but would like to feather or rough up the edges so they don;t ;look like i just dropped them in and maybe a some other graphic like an animal or flames etc. and some text. please any help would be great. thank you in advance. Susan
    Personally, I prefer using a solid color fill adjustment layer as the base in the clipping mask. (You'll find this option in the layer's palette under the black and white icon. It'll be one of the options in the menu list.) Drag out the rectangular marquee in the mask of the solid color fill adjustment layer.  With the mask layer selected in the layers palette, fill it with black paint. Invert the mask (ctrl + I on PC; cmd + I if on a mac). You can use the free transform command (Ctrl + T on PC; Cmd + I on Mac) to resize the masked area.
    Some edge techniques...
    If you desire to soften the edge, apply the gaussian blur filter. If you want a spattered edge, apply the spatter or sprayed edges filter to the mask...can also try using other filters that work in grayscale which will be the only ones not grayed out. (Note: You could apply the filter(s) to the rectangle first then invert the mask if you prefer). Another method is to use the brush tool and paint in the mask...thick heavy brush set is a good choice. (Note: Use black paint to hide (the image); white paint to reveal (the image); and gray will be semi-transparent (think feathering).
    Edit: You don't have to use the rectangular marquee...can use circular or any selection for that matter.
    Info on the type tool can be found here.
    http://www.photokaboom.com/photography/learn/Photoshop_Elements/type_tool/1_type_tool.htm
    You'll most likely want to have your type in the topmost layer(s) of the stack in the layers palette so you don't cover them up with your images. Use move tool to move graphics and type into desired location. You'll find using the grids and/or guides useful in planning out your image.
    There's a video on using a scrabook kit (Quick Page) here that might be useful as it shows how things are stacked when building a page:
    http://www.alibony.com/video/video-lesson34.htm
    For the transform command (resize and rotate), she's using Ctrl + T on PC (cmd + T if on mac) instead of using the menu Edit<Free Transform. I thought I'd add that so you don't get lost with how she's doing that.
    Another tutorial on using quick pages:
    http://graphicssoft.about.com/od/digitalscrapbooking/ss/howtoquickpage_10.htm
    I think there might be some of these included with Elements. I don't have a recent version of Elements so I'm not 100% sure where they are located but I'm thinking it's in the Organizer.

Maybe you are looking for

  • Eyedropper in PS CS6 picking wrong color

    My eyedropper started picking the wrong color!  I ahve reset and reinstalled PS - and still have this problem.  No matter what color I click the eyedropper on, it picks a shade darker than what I want.  Anyone have any ideas?  Like I said, I am runni

  • Mini ipad black screen and wont start even after reset

    My mini ipad went black. I tried pressing power button and home button simultaneously for more then 10 seconds and didn't work. Tried plug onto a charger for more then 10 minutes also didn't work. Tried both simultaneously also didn't work. Thanks fo

  • PS to PDF Conversion :  Encrypted contents

    My workflow dictates that I convert the input PDF job initially to PS and finally back to PDF. If the input PDF file is secure (it's not encrypted - you will still be able to open the document), the redistillation of PS to PDF fails while using Norma

  • Image lightens after resize

    Hi FCP users, I'm working on a diptych with hdv footage imported as prores 422 (1440x1080) on a sequence that matches my clips settings. Both images of the diptych have been scaled down to 47.3 percent in size. Each screen has several layers of video

  • How to lessen touchpad sensitivity-not speed.

    How does one lessen the sensitivity of the touchpad. The slightest touch produces an unwanted action. Other posts give solutions that are relevant to speed but that does not solve MY issue. I would like the touchpad to require a little MORE pressure