Centering layout and Z-Indez

I have been having a difficult time debugging why my layout
will not center in the browser window. The CSS for body and wrapper
are:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
#wrapper {
width: 780px;
position: relative;
margin-left:auto;
margin-right: auto;
I have found that the wrapper appears to be under a portion
of the Header which is comprised of a graphic at Z-index 100. Below
the Header is another div which includes a pop menu magic
horizontal navigation bar which is set in its css at z-1000.
When I delete both of these divs I see the wrapper div, it
does not extend beyond the other divs on the page (left, middle,
right columns and a footer) and only centers if I put text into it.
Structure of the page is:
Body
Wrapper
header

The real question is - can we see the page? Please post a
link to it.
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
==================
"josie1one" <joleros[nospam]@yahoo.com> wrote in
message
news:[email protected]...
>I think I should go back to looking at the view
</sigh>
> Sorry BSCGBS (o:
>
> --
> Jo
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Would make no difference, Jo - they are functionally
equivalent. But it
>> was a good try! 8)
>>
>> --
>> 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
>> ==================
>>
>>
>> "josie1one" <joleros[nospam]@yahoo.com> wrote
in message
>> news:[email protected]...
>>> Change this:
>>>
>>> #wrapper {
>>> width: 780px;
>>> position: relative;
>>> margin-left:auto;
>>> margin-right: auto;
>>> }
>>>
>>> to this:
>>>
>>> #wrapper {
>>> width: 780px;
>>> position: relative;
>>> margin: 0 auto;
>>> }
>>>
>>> the margin: 0 auto; centers the wrapper.
>>>
>>> (BTW this the first time I've answered one of
these so I hope to
>>> goodness it's the right one!)
>>>
>>> --
>>> Jo
>>>
>>>
>>>
>>>
>>> "BSGCBS" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>>I have been having a difficult time debugging
why my layout will not
>>>>center in
>>>> the browser window. The CSS for body and
wrapper are:
>>>>
>>>> body {
>>>> font-family: Verdana, Arial, Helvetica,
sans-serif;
>>>> font-size: 12px;
>>>> text-align: center;
>>>> margin: 0px;
>>>> padding: 0px;
>>>>
>>>> }
>>>>
>>>> #wrapper {
>>>> width: 780px;
>>>> position: relative;
>>>> margin-left:auto;
>>>> margin-right: auto;
>>>>
>>>> }
>>>>
>>>> I have found that the wrapper appears to be
under a portion of the
>>>> Header
>>>> which is comprised of a graphic at Z-index
100. Below the Header is
>>>> another
>>>> div which includes a pop menu magic
horizontal navigation bar which is
>>>> set in
>>>> its css at z-1000.
>>>>
>>>> When I delete both of these divs I see the
wrapper div, it does not
>>>> extend
>>>> beyond the other divs on the page (left,
middle, right columns and a
>>>> footer)
>>>> and only centers if I put text into it.
>>>>
>>>> Structure of the page is:
>>>>
>>>> Body
>>>> Wrapper
>>>> header
>>>>
>>>>
>>>
>>>
>>
>>
>
>

Similar Messages

  • Div tags problem on centered layout

    Like the title says, I'm working on a centered layout and I
    need to place a div tag that has an overflow for scrolling. The
    problem is what do I do so that it does just that. I tried using an
    AP div tag but it doesn't follow the rest of the layout if you play
    with the browser width. And if I simply put a div tag in my table,
    I don't know how to put an overflow on it. I only have a limited
    amount of space for the text, and I have too much text to simply
    put it in the table. It's my first time working on a centered
    layout, so I'm kind of at a lost right now. And that's the only
    thing stopping me from putting it online.

    > And if I simply put a div tag in
    > my table, I don't know how to put an overflow on it.
    <div style="overflow:scroll">
    > I only have a limited
    > amount of space for the text, and I have too much text
    to simply put it in
    > the
    > table.
    If that's the case, then you have a broken layout scheme, and
    a usability
    problem.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "cprime" <[email protected]> wrote in
    message
    news:g6n78v$qmn$[email protected]..
    > Like the title says, I'm working on a centered layout
    and I need to place
    > a div
    > tag that has an overflow for scrolling. The problem is
    what do I do so
    > that it
    > does just that. I tried using an AP div tag but it
    doesn't follow the rest
    > of
    > the layout if you play with the browser width. And if I
    simply put a div
    > tag in
    > my table, I don't know how to put an overflow on it. I
    only have a limited
    > amount of space for the text, and I have too much text
    to simply put it in
    > the
    > table. It's my first time working on a centered layout,
    so I'm kind of at
    > a
    > lost right now. And that's the only thing stopping me
    from putting it
    > online.
    >

  • Difference between null layout and absolutelayout

    hello
    I would like to know the difference between the null layout and the absolutelayout
    thank you in advance

    http://www.google.com/search?q=absolutelayout
    Next time, please use the search yourself.Do I have to consider this as answer Yes.
    notice that I asked for the difference between both
    of the layout and not about
    absolutelayout only Third link, advertised by
    "I think AbsoluteLayout does more than just setting Layout to null. AbsoluteLayout may even accomodate for changes in font sizes etc. ..."
    already should give you something to think about.
    Furthermore, the search shows that there are several different classes named AbsoluteLayout (ADF, SWT, BUI, samskivert...), and you didn't specify which one you're talking about.
    Still think this wasn't an answer?
    I guess I should stop assuming that you have a brain of your own.

  • Can I mix Pages page layout and word processing together in one document?

    Hello there ! I am quite new to Pages and I am desperate to learn as i want to get rid of everything being Microsoft
    As you all know when you open Pages you can choose between page layout and word processing !
    the thing is i thought that after using a page layout you could just go with word processing easily... well no, you can't, but i'm sure i'm missing something...
    For exemple i really like the catalogue brochure and it would be perfect for me to start a project... but after a few pages, i can just add blank pages and if i want to type text, i have to add text boxes... i don't want that, I want word processing... and another thing in this brochure i can't add table of content because it is not by default in the template...
    So my question is quite basic here, can we link Page layout and word processing without having to use text boxes and everything ?
    Thanks in advance !
    Have a good day

    Alexander,
    Welcome to Apple discussions.
    The simple answer is no. What differentiates page layout from word processing mode is that the PL mode has no text layer. So everything that goes on the page must be an object of some kind. And any pages you add to a PL document must also be PL. You can't mix the two modes. One way around it is to start with a blank page, insert a text box, then stretch the box so that it covers the entire page. You can the type in it as if it were a text layer in a WP file. You can even capture that page so that you can add it automatically when you need it, or save it as a template.
    As for building a Table of Contents, it appears that Pages only sees text styles that are on the text layer, which means it won't see styles that are in objects -- which means it won't work with a PL document. From being a long-time reader of this discussion group, I've noticed it's rare that someone wants to add a ToC to a PL document.
    If you find that you're going to be mixing text and graphics, start with a word processing template. If you really like the Catalog Brochure, you could always copy some or all of its elements over to a blank WP template.
    Hope this helps.
    -Dennis

  • Can you help me with Page Layout and/or Design ideas for a software manual?

    Greetings,
    I am a new InDesign user, and am converting a software manual that I created in MS Word into InDesign. It will be converted to a pdf to view online. I have the basics (3 master pages, page numbers, running headers, 2column pages with text boxes on the left and screenshots on the right), but I want to make it look prettier. Could you please give me some ideas on page layout and/or design to make it look better or more creative?
    A few things that I am considering: borders around screenshots, a watermark, a logo next to the page numbers, different size/type of fonts, etc.
    I am open to any suggestions to make this look better. However, please understand that I am new to InDesign. With that being said, please tell me a few steps when you mention your tips. Thank you!

    Take a look at a few websites on Cannons of Page Construction.
    I think the best idea for you is to look at a few software manuals and take tips from how they accomplished the layouts.
    I'm not saying to copy them - but rather see what works and doesn't work, what worked for them might not necessarily work for you - research some layouts.
    Fonts/type/sizes etc. are pretty much ambigious without context - is this a software manual for kids (soft cuddly big fonts easy to read), technical (small, tight spacing etc), Adult friendly (smooth, crisp clear, well spaced), elderly (large elegant fonts).
    It all really depends on your demographic audience.
    Being new to InDesign I suggest you take up Sandy Cohens Quickstart Visual Guide.
    I think you should look at Michael Murphys Book on Styles
    And you should definitely get your printer (the guys bulk printing) the booklet for you on board from the start to work out optimal sizes to suit their printing presses and workflow etc. And to ensure that you are setup correctly in page sizes, margins, safe type areas, colour profiles and a few other things that your printers prepress can help you with.

  • I just got photoshop cc 2014 on windows 8.1 64 bit, and it starts up on the white layout and and whenever I start a project it is in a window? Also whenever I try to change on of these it does not save. I am using the trial

    just got photoshop cc 2014 on windows 8.1 64 bit, and it starts up on the white layout and and whenever I start a project it is in a window? Also whenever I try to change on of these it does not save. I am using the trial. Basically nothing saves and it was all screwed up when I first got it.

    Do a screen screen capture and post it here so we can see what you stating about a white layout...

  • Writers - please help with page layout and headers/footers in Pages

    Hello
    Apologies if this is a stupid question, but I have fiddled around with my page layout and can't figure this out for myself!
    When I type a manuscript, I like to have a header and footer giving the book title, chapter, my name, etc. I'm finding that the header and footer is set to a wider range than I have set the main body of the page. Would you leave it that way, so that it is easily differentiated from the actual text, or would you align the left and right margins on the header and footer to match the body of the text? And if so, how do you do this please?
    Secondly, I can't figure out how to increase the top and bottom gap so that there is a good space between the header and the first line of text.
    Any advice would be gratefully received!
    Thank you!

    rainbow-warrior wrote:
    When I type a manuscript, I like to have a header and footer giving the book title, chapter, my name, etc. I'm finding that the header and footer is set to a wider range than I have set the main body of the page. Would you leave it that way, so that it is easily differentiated from the actual text, or would you align the left and right margins on the header and footer to match the body of the text? And if so, how do you do this please?
    I don't understand what you did.
    When we use the normal tools:
    Inspector > Document > Margins, the widths of header, body and footer are the same.
    Secondly, I can't figure out how to increase the top and bottom gap so that there is a good space between the header and the first line of text.
    With the already named tools, we may adjust top & bottom margins with no change on the header & footer.
    As I often wrote, looking in the PDF User Guide which is delivered with every copy of iWork is an efficient way to spare time.
    Yvan KOENIG (from FRANCE mardi 7 octobre 2008 14:08:55)

  • How do I make categories under My Templates, as is done in page layout and word-processing?

    How do I make categories under My Templates, as is done in page layout and word-processing? I have over 50 of my own templates and want to categorize them. For example: son's homework, business, etc. Thanks

    Here are some screenshots of my organization. Your sub-folders need to be in the same folder as My Templates, NOT in My Templates which is confusing.

  • Switching between page layout and word processing

    I can't seem to switch between page layout and word processing view.  I've read all the posts on this and still can't figure out why I can't just type a document into Pages.  The only option I have in page layout view is to type into text boxes, which is not what I want.  I just want to type a letter for crying out loud.
    Before I get all the rants about reading User Guides, etc.  *I have*.  I've also searched on here and in-app help and just don't understand the fuzzy/non-existant answers.  Obviously, I'm a newbie, so please don't jump all over me for this.  If it was Word - I could do this in NO time.  I just find it incredibly frustrating that inputting a normal document should be so difficult.
    Is "Pages" *not* a word processing program?  Is it just a cut and paste application?  Sorry for the tone - I mean no disrespect - it's just that I've been fooling around with this for DAYS and I just don't have time to spare anymore.  I really need to get this done.
    Can somebody give me a straightforward answer on how to just type a normal document into pages without using text boxes?
    Thanks and I apologize for not being mac-savvy.  It took some of us a lot longer to see the light =)

    Here is a script doing the conversion task for you.
    Open a Page Layout document
    run this script:
    --{code}
    set p2t to (path to temporary items from user domain) as text
    set path_2_doc to p2t & (do shell script "date +_%Y%m%d_%H%M%S.doc")
    tell application "Pages"
      save document 1 in path_2_doc
      open file path_2_doc
    end tell
    --{code}
    that's all folks.
    Yvan KOENIG (VALLAURIS, France) lundi 20 juin 2011 18:03:28
    iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.7
    Please : Search for questions similar to your own before submitting them to the community
    To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

  • [Solved] Can't login with current keyboard layout and `@` in password

    Hi, I'm a new arch user. I followed archwiki to install Enlightenment17. All went fine but I have a problem to login since during setup I inserted '@' in root/regular user passwords. During setup I selected the Italian layout and all seems ok, except grafical login through entrance (from aur, but I tested also kdm, with same results): password not recognized. Before asking, is not a CAPS/NUMLOCK issue since the password works using it in console login. I discovered that I can type '@' with the following combination: SHIFT+2; in an italian keybord this should print a double quote (") but in entrance (and kdm) it correponds to '@'. After login this way, the keyboard works normally (for instance using 'su'). So the problem is limited to graphical login (entrance and kdm) during which a different keyboard layout is used.
    Did I miss some config file?
    For the sake of clarity:
    1) /etc/locale.gen has "it_IT.UTF-8 UTF-8" uncommented
    2) /etc/locale.conf contains "LANG=it_IT.UTF-8"
    3) /etc/vconsole.conf contains "KEYMAP=it"
    4)
    $ locale
    LANG=it_IT.UTF-8
    LC_CTYPE="it_IT.UTF-8"
    LC_NUMERIC="it_IT.UTF-8"
    LC_TIME="it_IT.UTF-8"
    LC_COLLATE="it_IT.UTF-8"
    LC_MONETARY="it_IT.UTF-8"
    LC_MESSAGES="it_IT.UTF-8"
    LC_PAPER="it_IT.UTF-8"
    LC_NAME="it_IT.UTF-8"
    LC_ADDRESS="it_IT.UTF-8"
    LC_TELEPHONE="it_IT.UTF-8"
    LC_MEASUREMENT="it_IT.UTF-8"
    LC_IDENTIFICATION="it_IT.UTF-8"
    LC_ALL=
    Thanks for any help.
    Last edited by bull3t (2013-03-03 14:10:15)

    cfr wrote:Have you tried specifying a variant?
    I exclude a variant problem considering that in any other condition the keyboard layout is right. The system is configured for an it KEYMAP but it is obvious that in entrance/kdm is used an 'us' map. Is this hardcoded somewhere? I also tryed to comment out any entry in /etc/locale.gen except 'it_IT.UTF-8 UTF-8': still 'us' keymap in graphical login screen.
    Probably a kind user with a non-us keyborad layout could create a dummy user with password containing '@' or '#' or any other special symbol to verify that this condition is reproducible, a first step for a bug report.
    Cheers

  • In Initial View, can you set defaults for Navigation tab, Page layout, and Magnification?

    Adobe Acrobat 9 Pro V9.4.0
    Win7 Pro x64
    Problem: In Initial View, can you set defaults for Navigation tab, Page layout, and Magnification?
    Every time Acrobat scans a document, I have to go to Initial View to set Navigation tab, Page layout, and Magnification. It does not remember the settings I last used.
    Thanks in advance.

    See my response to this post

  • CSS layout and Internationalization of JSF apps

    We use message bundles to handle internationalization in our JSF applications. This approach seems to work as we used HTML tables (or rather <h:panelGrid> tags) to layout components on the page.
    We had numerous customer complaints about tons of extra white space left on the screen in languages like German (where some words are very long). There are other issues with grid layouts, and we decided to give CSS positioning a try.
    I wonder, what folks on this forum think about using CSSP in conjunciton with JSF components. Also, given that text strings have different length in different languages, what is the i18n approach? Afterall, coordinates that work in English may not be accurate in German.
    Any suggestions, ideas, pointers would be greatly appreciated.
    Thanks,
    Vadim.

    Hi guys.
    The problem seems a little bit weird. But you could try the following. It is just the idea.
    1. You should recover the .properties file and get the Map for the current Locale. This should have to be done maybe in the Backing bean.
    2. Get the maximum length of the UIOutputText elements present in the form that you need to control its length. Now the important thing here is that you should have the value atribute of the UIOutputText objects based on an internationalized Base Bundle prefix. Just cut -based on the substring of the value attribute- the name of the property.
    3. Consider that you have to look in the Map the entry you just obtained from the UIOutputText object. After get the value of that Map entry (a String object) and get its length. At the end of the loop you sould have get the maximum length in characters of the component values to be displayed.
    4. Fix that value as an attribute in the backing bean.
    5. Use the output of that value to generate the style in CSS, as an String attribute of the Backing Bean. Base your CSS construction in "em" measures
    6. Change the -style- attribute in each component to reflect the correct length using CSS like this -style="#�{backingBeanName.style}"-. With this you will get an space dependent of the length of the localized values.
    Again. It is just a suggestion, I had not tried it already but I guess that will be my way in that case.
    Greets from Ecuador

  • Remove the .layout and .lay files

    When burning a DVD I was told this:
    1) Use DVDSP to build AUDIO_TS and VIDEO_TS folders to the hard drive.
    2) Remove the .layout and .lay files from the VIDEO_TS folder.
    3) Burn with Toast at 1X (make sure to delete the .DS Store files in Toast - There is one at the root level of the disc and 1 in the VIDEO_TS folder)
    I was just curious,
    1. what are the .layout and .lay files
    2. How important is it to remove them?
    3. What advantage do you gain by removing them?
    Thanks.

    These two files are used by DVDSP when you burn a disc from there, or build your project to your hard drive as a disc image. They contain the layout information for when the files in your project are written to the disc itself.
    They have no business being in a VIDEO_TS folder and anecdotally have shown to cause errors on some players if they are left in place. When you burn from DVDSP they are automatically removed as part of that process.
    Removing them manually when burning with Toast, therefore, helps improve compatibility of your DVD-R when you attempt to play it on a set top player.

  • Save Layout and change Layout button.

    Hi Guys,
                Im calling the below method of class: cl_gui_alv_grid.
        gs_variant_lic-report = sy-repid.
        gs_variant_lic-username = sy-uname.
          CALL METHOD gi_alv_lic->set_table_for_first_display
            EXPORTING
              i_structure_name         = 'Z_STRUC'
              is_variant                    = gs_variant_lic
              i_save                        = 'A'
              is_layout                    = ls_layout
    However, the Select layout and Save Layout button dont appear.
    Instead i get the button 'Choose Layout'.
    If i dont pass gs_variant, i get single button 'Change Layout'.
    My requirement is to get 3 buttons: 'Change Layout', 'Select Layout' and 'Save Layout'.
    How can i achieve that?
    Thanks,
    Rohit.

    Please share how did u solved it?

  • Report Layout and Report Query APEX tables

    Does anyone know a quick way to delete report layouts and report queries from the APEX tables that they are stored in. We currently have to go into the shared components area and delete them one by one using the builder. If we could just get the table that they are stored in and delete them by name, that would be extremely useful. Oracle does not support this type of data manipulation.
    Thanks,
    Andrew

    Hi,
    There are Top and Bottom – Left and Top and Bottom – Right.
    I suppose that you have something wrong in the SQL Query or in the report.
    Make a new report using the wizard. Then use Report Template – Standard and Top and Bottom – Left.
    Konstantin

Maybe you are looking for

  • Whatsapp on ipad mini

    Is there a way to make it happen?

  • Date_popup returning value to wrong row

    I have looked at the thread below and still cannot get my code to work Re: prevent certain rows in updateable report from being updated?? I have a tabular form that is used for a mass approval system for managers. In this tabular form the managers ar

  • Custom SPML Response

    Hi, How can I return only few required attributes in SPML response instead of the complete user data? For ex: My sample SPML soap request to add a user is given below: <?xml version="1.0" encoding="UTF-8"?><soapenv:Envelope xmlns:soapenv="http://sche

  • Assign HTML character entities

    Hello, I have a scenario where a message should be sent to an HTTP server using the HTTP receiver CC. In the message itself no special HTML characters such as <, > or / should be used but they should be replaced with special character entities such a

  • Calibration Exec Error -2147467259

    While calibrating a PXI 4472A, I received the following error: Error -2147467259 occurred at Conn Execute.vi->cex_CustStdsDBReadWrite.vi->cex_GUIWizardDBLayer.vi->cex_GUIWizardExitTasksDBWrite.vi->cex_GUIWizardExitTasks.vi->cex_GUIWizardExit.vi->cex_