Liquid and Elastic Layout

My first attempt at a liquid layout seems to work well in the
sense it fits various browser sizes. I then discovered elastic
layout and thought I should incorporate it for users to resize the
text. Now I am having problems with text spilling all over the
place. I am using % and ems. Should I just stick with the liquid
layout or has anyone got any tips.
Thanks in advance.

this sort of thing gave me head aches for ages. i found the
best way is to use a fix px size for your main wrapper/container.
if you are using ap divs in the main wrapper div, set the positon
as relative in your css code, i.e
#wrapper
position:relative;
doing it this way, everything always takes up the same amount
of pixels within your page, no matter what resolution you are
viewing in.
i, personally, would recomment a main wrapper size of about
770px.
i also have discovered that if you create your pages catering
to every whim, of every user, you will surely go mad. i did.
so create it to look good, as it is. if you think people may
have to make text larger, than do it yourself in the design.

Similar Messages

  • Liquid vs elastic

    What is the difference between the liquid and elastic
    templates supplied by
    Dreamweaver CS3

    Liquid flexes with browser viewport size changes. Elastic
    flexes with text
    display size changes.
    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
    ==================
    "Striker" <[email protected]> wrote in message
    news:fqva3e$jhi$[email protected]..
    > What is the difference between the liquid and elastic
    templates supplied
    > by Dreamweaver CS3

  • 2-column elastic layout and size of text/image

    Hello,
    I'm using the 2-column-elastic template of Dreamweaver CS4 and have got a few questions related to its use. As far as I understand it (I'm new to HTML, CSS, etc.), it is elastic because the dimensions of the divs are defined with the unit "em" and will resize if the user changes the text size of the browser. (Is this the best for accessibility purposes?)
    Question 1: how to make sure my page is initially 780 px wide?
    I have a banner image in the header, it has a 780-px width. Under it there is a menu made of five 156-px elements.
    I have defined the default page text size to 80 % instead of 100 %. Apparently, 780 px is equal to 61 em with these settings. Hence, I defined the width of the container to 61 em (instead of the 46 em at 100 % of the Adobe template). However, this didn't always work: depending on the browser, a thin 1-px wide line appeared to the right of the banner.
    To try to fix this, I have set a "min-width: 780px" and "width: 60em", hoping that doing so my page would have an initial width of 780 px but still resize (increase) if the text size is increased in the browser. If the text size is decreased, I keep a 780-px width. Is this the normal way to proceed? The property "min-width" returns a warning when I validate the side for browser compatibility. Same for min-height by the way (I'd like my page to be roughly 30 em high at minimum).
    Question 2: how can I make sure that my banner will expand when the text size is increased?
    When I increase the text size in the browser, the text of my page resizes and depending on the browser, the banner image will expand or not. I would like it to always resize to keep a consistent layout. How can I do this?
    The banner currently resizes with:
    - Mac OS X: Opera 9;
    - Windows XP: Safari 4beta (but the menu bar seems narrower), Firefox 3, Opera 9, IE 8.
    The image doesn't currently resize with:
    - Mac OS X: Safari 3, Netscape Navigator 9, Stainless 0.5, Camino 1.6, Firefox 3;
    - Windows XP: Netscape Navigator 9, Chrome 1, IE6 (+ other problems), IE7 (+ other problems)
    (Other problems: usual unwanted spaces between the banner, the menu and the "title". I managed to fix some of them with "display: block", but it doesn't work around the top menu.)
    I've put the page here: http://www.cerc.co.uk/CERC/demotest/template2columns.html
    If there is any problem to view it, let me know (first time I do this!).
    I would be very grateful for any comment on these!
    Emilie

    just an added note here:
    This past hour I tried to get centering of images, text and background to fit properly in both IE (5,6 and 7) and Firefox.
    Centering with a liquid layout (which I prefer due to its better "said" predictability) is an absolute pain (nothing would seem to fit); I reverted back to elastic layout because of this issue.

  • Elastic layout and centering

    I have a elastic layout with just one column.
    The main content container has a centered background (which consists of a two vertical colored bands, with the transition in the middle of the page). Padding and margins for body and container are zero.
    The main content container contains two images, side by side, with their joint border right in the middle too (for that I use an ID for the left image to align its right side to the center, for the right image I do the reverse).
    However: when viewing the page, there is an offset between the background center and the image center (just a few pixels), visually very annoying.
    (css and html file included)
    This offset visible is both in Firefox and IE7.
    What do I do wrong?

    just an added note here:
    This past hour I tried to get centering of images, text and background to fit properly in both IE (5,6 and 7) and Firefox.
    Centering with a liquid layout (which I prefer due to its better "said" predictability) is an absolute pain (nothing would seem to fit); I reverted back to elastic layout because of this issue.

  • Urgent help needed!! Layout table and Draw layout cell dissapeared.

    I need some urgent help. I'm using CS3 but for a while my
    Layout Table and Draw Layout Cell icons appear greyed and can't use
    them at all. Is there any kind soul out there who knows how to fix
    this? I'm going nuts trying all the possible options but none seem
    to work.
    Help please!!!!!!

    > How would you about designing a page without using html?
    You don't. But I don't recall suggesting that you not use
    HTML. I just
    suggested that you use best-practice HTML, no? Or maybe you
    meant to ask
    how you would go about building your site without learning
    HTML? In that
    case, I think you are outta luck. Using DW without knowing
    HTML is a very
    punishing experience, I'm afraid.
    > PS: A virtual box of 12 bottles of Moet Chandon is
    already on your way!!
    I'd prefer Cristal, please.
    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
    ==================
    "Untersberg" <[email protected]> wrote in
    message
    news:g4tj9a$m5o$[email protected]..
    > Ahhhhhh!!!!! They came up!!!! They came up again!!
    > I was on standard mode. Now going back to your
    suggestion, which I really
    > appreciate. How would you about designing a page without
    using html? I'm
    > just
    > redesigning my website at the moment and need it to get
    going urgently,
    > hence
    > the reluctance to start learning HTML at the moment.
    I'll do after but I
    > need
    > to get this up and running fairly quickly.
    >
    > Cheers.
    >
    > PS: A virtual box of 12 bottles of Moet Chandon is
    already on your way!!
    >

  • HT203477 My FCP 10.1 is freezing at  "Restore window layout" I am running on mavericks and the layout folder in not in applications support... What do I do ???

    My FCP 10.1 is freezing at  "Restore window layout" I am running on mavericks and the layout folder in not in library/applications support/ final cut pro... What do I do ???

    Had the same issues. For me, I found unmounting any external drives and relaunching FCPX worked.
    Mavericks seems to have some issues with launching Final Cut, so its best to launch and then plug in any external drives - hope that helps.
    Source - http://support-partners.com/troubleshooting-tips-for-fcpx-on-mavericks/
    M

  • Functionality for Select and Save layout in a report output

    Hi,
    I had developed a report program containing several fields in the output and requires the Functionality for Select layout and Save layout in a report output.
    Please suggest.
    Thanks,
    Shariq.

    While calling the FM for List Display ( "REUSE_ALV_LIST_DISPLAY" or "REUSE_ALV_GRID_DISPLAY" ) set the Parameter I_SAVE for Setting the Layout and Selecting a different Layouts.
    The possible values for I_SAVE are "A", "U", "X" or others. Depending on the requiement you can set different values for the Parameter I_SAVE.
    ' ' = display variants cannot be saved
    Defined display variants (e.g. delivered display variants) can be selected for presentation independently of this flag.
    Changes can not be saved.
    'X' = standard save
    Display variants can be saved as standard display variants.
    User-specific saving is not possible.
    'U' = only user-specific saving
    The user can only save display variants user-specifically
    'A' = standard and user-specific saving
    The user can save a display variant user-specifically and
    as standard display variant. The user chooses in the display variant
    save popup.
    Reward points if helpful.

  • Drag and Drop Layout feature for regions

    Wondering if there is a drag and drop layout feature for regions in 3.1.2 (or below that I might have missed) or if there are plans for it in future releases. I know that this feature is available for items in a region but interested for the many regions I have on a page. I think it would be a nice feature to have instead of having to go into a page template to get the layout I want.
    Thoughts?
    Thanks,
    Russ

    Look at the following link:
    Drag and drop - like the builder?

  • "drag and drop layout missing in 4.2"

    The drag and drop layout is missing in 4.2
    So we have no GUI to arrange regions or items in a region...
    So I'm not sure if going to 4.2 is a step forward at all?
    Apex needs to be more drag and drop configurable not less surely ?

    Send Apple feedback. They won't answer, but at least will know there is a problem. If enough people send feedback, it may get the problem solved sooner.
    Feedback
    Or you can use your Apple ID to register with this site and go the Apple BugReporter. Supposedly you will get an answer if you submit feedback.
    Feedback via Apple Developer

  • How can I stop my site from appearing at the left in the tablet and phone layouts?

    At the moment my site works on desktop browsers but appears pinched to the left on phones and tablets.
    www.lrproductions.biz
    I have checked for any miscellaneous text boxes, and I also removed the scrolling fx to try and fix the the bug. Nothing seems to be working. I would really appreciate any help.
    Hughie

    Hello,
    Please make sure that there is no element line rectangle or text box outside browser are in Phone and tablet layout.
    If it is then either delete them or move it inside browser area.
    To find the exact browser area Please click on View > Show Grid Overlay. Pink Shaded area is the browser area.
    Please let me know if it do not work for you.
    Regards
    Vivek

  • I am making a book in iPhoto using a double page spread and blank layout. I can't find a way to minimize the picture. it is too big in all the themes. I seems like there must be a way to shrink it not just zoom to make it fit?

    I am making a book in iPhoto using a double page spread and blank layout. I can't find a way to minimize the picture. it is too big in all the themes. I seems like there must be a way to shrink it not just zoom to make it fit?

    Command (right) - click on the photo and select Fit to Frame in the contextual menu:
    Not all frames in a theme offer that feature but most do.  The spread layout doesn't.
    OT

  • [b]How to achive wide_thin and thin_wide_thin layout[/b]

    Hi,
    i am unable to get wide_thin and thin_wide_thin layouts. Can u any one please let me know. Following contains conatiner and provider xml,s .
    Thanks in advance
    Arun
    Container XML
    <?xml version="1.0" encoding="utf-8" standalone="no"?>
    <!DOCTYPE DisplayProfile SYSTEM "jar://resources/psdp.dtd">
    <Container name="DWHomeTableContainer" provider="DWHomeTableContainerProvider" merge="fuse">
    <Properties>
    <String name="title" value="Front Table Container Channel"/>
    <String name="contentPage" value="GMtoptable.jsp"/>
    <String name="description" value="This is a test for front table
    containers" />
    <String name="Desktop-fontFace1" value="Sans-serif"/>
    <Collection name="categories">
         <String value="WorkbenchChannels"/>
         <String value="MessageChannels"/>
    </Collection>
    <Collection name="WorkbenchChannels">
         <String value="DWHomeTableContainer/GMShortCut"/>
         <String value="DWHomeTableContainer/GMWorkBench"/>
         <String name="DWHomeTableContainer/GMURLChannel"/>
    </Collection>
    <Collection name="MessageChannels">
         <String name="DWHomeTableContainer/GMMessages"/>
         <String name="DWHomeTableContainer/GMNewsInfo"/>
         <String name="DWHomeTableContainer/GMUrgentMesg"/>
    </Collection>
    <Collection name="channelsRow" advanced="true">
         <String name="DWHomeTableContainer/GMMessages" value="2"/>
         <String name="DWHomeTableContainer/GMNewsInfo" value="4"/>
         <String name="DWHomeTableContainer/GMShortCut" value="3"/>
         <String name="DWHomeTableContainer/GMUrgentMesg" value="1"/>
         <String name="DWHomeTableContainer/GMWorkBench" value="5"/>
         <String name="DWHomeTableContainer/GMURLChannel" value="6"/>
    </Collection>
    </Properties>
    <Available>
         <Reference value="DWHomeTableContainer/GMMessages"/>
         <Reference value="DWHomeTableContainer/GMNewsInfo"/>
         <Reference value="DWHomeTableContainer/GMShortCut"/>
         <Reference value="DWHomeTableContainer/GMUrgentMesg"/>
         <Reference value="DWHomeTableContainer/GMWorkBench"/>
         <Reference value="DWHomeTableContainer/GMURLChannel"/>
    </Available>
    <Selected>
         <Reference value="DWHomeTableContainer/GMMessages"/>
         <Reference value="DWHomeTableContainer/GMNewsInfo"/>
         <Reference value="DWHomeTableContainer/GMShortCut"/>
         <Reference value="DWHomeTableContainer/GMUrgentMesg"/>
         <Reference value="DWHomeTableContainer/GMWorkBench"/>
         <Reference value="DWHomeTableContainer/GMURLChannel"/>
    </Selected>
    <Channels>
    <Channel name="GMUrgentMesg" provider="UrgentMesgProvider">
         <Properties>
              <String name="title" value="Urgent Message"/>
              <String name="description" value="Select Urgent Messages" />
              <String name="width" value="thin" advanced="true"/>
         </Properties>
    </Channel>
    <Channel name="GMMessages" provider="MessagesProvider">
         <Properties>
              <String name="title" value="Messages"/>
              <String name="description" value="Select Messages" />
              <String name="width" value="thin" advanced="true"/>
         </Properties>
    </Channel>
    <Channel name="GMNewsInfo" provider="NewsInfoProvider">
         <Properties>
              <String name="title" value="News Information"/>
              <String name="description" value="Select News Information" />
              <String name="width" value="thin" advanced="true"/>
         </Properties>
    </Channel>
    <Channel name="GMShortCut" provider="MyShortcutsProvider">
         <Properties>
              <String name="title" value="My Shortcuts"/>
              <String name="description" value="Select My Shortcuts" />
              <String name="width" value="thick"/>
         </Properties>
    </Channel>
    <Channel name="GMWorkBench" provider="WorkBenchProvider">
         <Properties>
              <String name="title" value="Workbench"/>
              <String name="description" value="Select Workbenchs" />
              <String name="width" value="thick"/>
         </Properties>
    </Channel>
    <Channel name="GMURLChannel" provider="GMURLScraperProvider">
         <Properties>
         <String name="refreshTime" value="600" advanced="true"/>
         <String name="url" value="http://onstar.wipro.com"/>
         <String name="wmlURL" value="file:///etc/opt/SUNWps/desktop/default/CustomURLSC/wml/ipinfo.wml"/>
         <String name="chtmlURL"     value="file:///etc/opt/SUNWps/desktop/default/CustomURLSC/chtml/ipinfo.chtml"/>
         <String name="title" value="URL Scraper Channel"/>
         <String name="width" value="thin" advanced="true"/>
         </Properties>
    </Channel>
    </Channels>
    </Container>
    Provider xml
    <?xml version="1.0" encoding="utf-8" standalone="no"?>
    <!DOCTYPE DisplayProfile SYSTEM "jar://resources/psdp.dtd">
    <Provider name="DWHomeTableContainerProvider" class="com.naportal.GMTableContainerProvider">
    <Properties>
    <String name="contentPage" value="GMtoptable.jsp"/>
    <Integer name="timeout" value ="1800"/>
    <Integer name="layout" value="2"/>
    <Boolean name="showExceptions" value="false"/>
    <Boolean name="parallelChannelsInit" value="false"/>
    <String name="title" value="Table Container Provider"/>
    <String name="description" value="DESCRIPTION"/>
    <String name="refreshTime" value="0"/>
    <String name="width" value="thin"/>
    <String name="fontFace1" value="Sans-serif"/>
    <String name="Desktop-fontFace1" value="Sans-serif"/>
    <String name="productName" value="Sun ONE Portal Server"/>
    <String name="presetThemeChannel" value="JSPPresetThemeContainer"/>
    <String name="customThemeChannel" value="JSPCustomThemeContainer"/>
    <Boolean name="refreshParentContainerOnly" value="false"
    advanced="true"/>
    <Boolean name="isEditable" value="true"/>
    <String name="editType" value="edit_complete"/>
    <String name="editContainerName" value="ipsdtJSPEditChannel"/>
    <Integer name="thin_popup_height" value="200"/>
    <Integer name="thin_popup_width" value="500"/>
    <Integer name="thick_popup_height" value="300"/>
    <Integer name="thick_popup_width" value="600"/>
    <Integer name="fullwidth_popup_height" value="500"/>
    <Integer name="fullwidth_popup_width" value="600"/>
    <Collection name="categories">
         <String value="WorkbenchChannels"/>
         <String value="MessageChannels"/>
    </Collection>
    <Collection name="WorkbenchChannels">
         <String value="DWHomeTableContainer/GMShortCut"/>
         <String value="DWHomeTableContainer/GMWorkBench"/>
    </Collection>
    <Collection name="MessageChannels">
         <String value="DWHomeTableContainer/GMUrgentMesg"/>
         <String value="DWHomeTableContainer/GMNewsInfo"/>
         <String value="DWHomeTableContainer/GMMessages"/>
         <String value="DWHomeTableContainer/GMURLScraperProvider"/>
    </Collection>
    <Boolean name="defaultChannelIsMinimizable" value="false"/>
    <Boolean name="defaultChannelIsMinimized" value="false"
    advanced="true"/>
    <Boolean name="defaultChannelIsDetached" value="false"
    advanced="true"/>
    <Boolean name="defaultChannelIsDetachable" value="false"/>
    <Boolean name="defaultChannelIsRemovable" value="true"/>
    <Boolean name="defaultChannelHasFrame" value="false" advanced="false"/>
    <Boolean name="defaultChannelIsMovable" value="false"/>
    <Boolean name="defaultBorderlessChannel" value="true" advanced="false"/>
    <String name="defaultChannelColumn" value="1" advanced="true"/>
    <String name="defaultChannelRow" value="1" advanced="true"/>
    <Collection name="channelsIsMinimized" advanced="true"/>
    <Collection name="channelsIsDetached" advanced="true"/>
    <Collection name="channelsHasFrame" advanced="true"/>
    <Collection name="channelsIsMinimizable"/>
    <Collection name="channelsRow" advanced="true"/>
    <Collection name="channelsColumn" advanced="true"/>
    <Collection name="channelsIsMovable"/>
    <Collection name="channelsIsDetachable"/>
    <Collection name="channelsIsRemovable"/>
    <Collection name="borderlessChannels"/>
    </Properties>
    </Provider>

    Hi,
    There are three layout types.
    THIN_THICK = 1
    THICK_THIN = 2
    THIN_THICK_THIN =3
    change the value of layout in your Provider xml.
    eg:
    <Integer name="layout" value="2" /> - for wide_thin
    <Integer name="layout" value="3" /> - for thin_wide_thin
    Thanks,
    Ravi

  • 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?

  • T-code: FBL1N  - Change Layout , Select Layout and Save Layout

    hi all,
    T-code: FBL1N  - Change Layout , Select Layout and Save Layout
    3 of the layout was grey out and does not allow me to choose.
    Anyone can help?
    Thanks.
    Joo

    Hi KK,
    Pls follow the steps below:
    1. In the SAP Screen where u get the Change layout icon is grey out.
    2. Pls type /nSU53.
    3. After that pls open a new session.
    4. Pls type SUIM
    5. Now, select the "ROLES"
    6. Enter your SAP ID and the T-code and click execute
    7. The roles will displayed and kindly double click it.
    8. Go to the authorization object tab
    9. Select display authorization object (Bottom left)
    10.Select FIND and enter the authorization object where you can get from /nSU53. The authorization object is start with F_*.
    11.Now, click on the display and you can see the authorization object is missing.
    12.You can sent the screen shot and request the SAP FICO Functional Team to maintain it in the SAP System.
    Assign points if useful
    Thanks.
    Joo

  • PLEASE HELP!  members deleted after refreshing, current report and report layout

    Hi ,
    First of all , before explain my issue, I read the note about March Microsoft update, and my symptoms aren't exactly similar but almost the same.
    And it appeared last week, so one month after the ms update.
    So, I opened my report, and I see that current report and report layout are greyed out,
    I try to refresh the report and some members in rows axis are deleted.
    I'm only  one to have this problem in my team.
    Is there anybody able to solve my issue please ?
    Thanks in advance
    Jonas
    P.S  sorry for my english.

    Hi Marco,
    First of all, sorry to reply long a time after you answer but I was so very busy with another things.
    In fact, It's was a mistake, It's sure that it's not about an update. My issue comes only when I save my report in a different server, When I'm in the  source server,  I select the target server with  "Select Another Connection" process And I save my report in the target server.
    After that,  lot of members are dissapeared in my row axis.
    I don't know why.

Maybe you are looking for

  • How to save Database Configuration setting to a Crystal Report Instance

    Hello, I'm using .net c# to create and run a schedule of a crystal report. I'm able to connect to BOE and succesffuly create the schedule instance and pass the parameters. but it's failing to run because I'm not providing it with the Database Logon c

  • BITMAP CONVERSION TO ROWIDS

    This is the plan used for my query in my prod database. 10.2.0.3 In dev same oracle version, the plan is not doing bitmap conversion. prod query time: 4minutes dev query time:20 seconds how can i tell oracle to stop bitmap conversing on me? BTW, i ha

  • IWeb won't publish my changes

    Publishing to: FTP Server Appears to be functioning normally--no errors or anything. I made a change a moment ago that wokred as expected but now it's a no go. Even with saved changes and a reboot. I just need to change an"i" to a "u". Silly little t

  • Cross Browser Isuue when using neui:checkbox group in opera and ie8

    Hi Guys, I need urgent help...' i am using netui:checkboxgroup for selecting the list of values from jsp and I am retrieving the values in pageFlow controller.. Once he select and click next he goes to preview jsp...if he dont want that items he can

  • Removing files from my iMac

    Hi Guys/Girls, Its more than likely a simple solution, but I can't get my head around it. Unfortunatley its come to the time to retire my Intel iMac 2007 to replace it with a Windows laptop. Not by choice, but I spend a lot of time at work & a laptop