The use of fluid grid CSS

I'm experimenting with the properties of fluid grid of DW, but I am at a loss of functioning CSS which is connected with it. In CSS, there is a distinction made between the mobile, Tablet and desktop sizes screen. When I add to this CSS one class "-header text" and give it a font size of 15px in mobile, 30px Tablet and 45px at the office, I think that when I adjust the size of the window of firefox or IE on my cell, the displayed text changes size when I exceed the sizes defined in this CSS file (screen only @media). However only the sizes of three police (most important: 45) is displayed even when I reduce the minimum browser window. Remove most of the CSS translates the medium font size display and delete this one in the smaller display.

Can someone explain to me how the distinction between mobile, Tablet and desktop in this grid fluid CSS layout work and I can use this?

The answers are in your code.  All devices inherit the styles of the mobile main provision.  Note all additional supports for Tablet and desktop (in red).  If these additional supports are removed, checkerboard to fluid will not work.

I just did a quick test by adding police sizes to the div as shown .gridContainer below, and it works fine for me.

/ * Mobile layout: * /.

{.gridContainer}

font-size: 15px;

}

@media only screen and (min-width: 768px) {}

/ * Tablet Layout: * /.

{.gridContainer}

font-size: 30px;

}

}

@media only screen and (min-width: 1001px) {}

/ * Available Office: * /.

{.gridContainer}

font-size: 45px;

}

}

I recommend keeping fluid grid CSS for layout only.  Use a separate style sheet for styles of your content.

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Navigation of the site legacy fluid grid.

    I recently used Dreamweaver to build custom WordPress Bootstrap themes. Apart from indigestion, I like things like the navigation... To upgrade a mobile nav friendly burger on my site of fluid grid, it would be easier to try and extract only parts of nav of the bootstrap or are at - it recommendations for an alternative solution. In an ideal world, I'd like something that did not rely on any Ajax/JS and was as compatible as possible.

    Not sure if this will allow a link to the site in question, but it's my http://www.websitesbymark.co.uk/ home page, which is marked on my profile.

    Any suggestions are welcome...

    Look at the Menu means that using CSS and jQuery for the sensitive menu only.

    MeanThemes | MeanMenu

    If you are worried about the increase in the code, do not use WordPress.

    Regarding rationalization Bootstrap, you can customize your package to include only the components & other features you actually use.   Extra leverage can be done with LESS / SASS before processors.  I also recommend only the use of scripts compressed with gzip enabled on servers.  This reduces a full installation of Bootstrap to about 30 KB.

    Nancy O.

  • How can I make my foot the entire width of the screen with a fluid grid CSS presentation?

    Any ideas?

    #footer {}

    Clear: both;

    color: #FFFFFF;

    min-width: 100%;   I tried max-width and width as well.

    margin-right: 0px;

    left margin: 0px;

    background-repeat: repeat-x;

    background-image: url(/images/footer.jpg);

    }

    I know that it is being supplanted by

    {.gridContainer}

    Width: 88.5%;

    Max-width: 1232px;

    padding-left: 0.75%;

    padding-right: 0.75%;

    margin: auto;

    Clear: none;

    float: none;

    }

    Move your

  • Fluid grid css positioning is no divs

    Hello

    I've had this problem for days now and I need help.

    Css: -.

    @charset "utf-8";
    / * Simple fluids
    Note: Fluid requires that you remove the attributes height and width of the media of the HTML
    http://www.alistapart.com/articles/fluid-images/
    */
    Body {background-color: white ;}}
    IMG, object, embed, {video
    Max-width: 100%;
    }

    / * IE 6 doesn't support max-width so 100% width by default * /.
    . IE6 img {}
    Width: 100%;
    }

    /*
    Properties Grid Dreamweaver fluid
    ----------------------------------
    DW-num-CLO-mobile: 4;
    DW-num-CLO-Tablet: 8;
    DW-num-OCOL-Office: 12;
    DW-gutter-percentage: 25;

    Inspiration of "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design

    Golden by Joni Korpi grid system and
    http://goldengridsystem.com/
    */


    {.fluidList}
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    top: 25px;
    }

    / * Mobile layout: 480px and below. */

    {.gridContainer}
    left margin: auto;
    margin-right: auto;
    Width: 86,45%;
    padding-left: 2,275%;
    padding-right: 2,275%;
    Clear: none;
    float: none;
    }
    {#div1}
    }
    {.zeroMargin_mobile}
    left margin: 0;
    }
    {.hide_mobile}
    display: none;
    }

    / * Tablet Layout: 481px to 768px. Inherits the styles of: Mobile layout. */

    @media only screen and (min-width: 481px) {}

    {.gridContainer}
    Width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
    Clear: none;
    float: none;
    left margin: auto;
    top: 25px;
    }


    {#div1}
    }
    {.zeroMargin_tablet}
    left margin: 0;
    }
    {.hide_tablet}
    display: none;
    }

    / * Office Layout: 769px to a maximum of 1232px.  Inherits the styles of: Mobile and tablet.
    */

    @media only screen and (min-width: 769px) {}

    {.gridContainer}
    Width: 88.5%;
    Max-width: 1232px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
    Clear: none;
    float: none;
    left margin: auto;
    overflow: auto;

    }

    {#stage2}
    position: absolute;
    Left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 35px;.
    z-index: 0;
    }

    {#stage3}
    position: absolute;
    Left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 210px;
    z-index:-1;
    }


    {.zeroMargin_desktop}
    left margin: 0;
    }
    {.hide_desktop}
    display: none;
    }
    }

    HTML code: -.

    nnnnnnnnnnnnnnnnnnnn bvcccccccccccccccccc mjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

    I want the div "stage3" to start 35px from the top of the web page and the subsequent divs to follow below him. When I run the 'stage' div starts on 140px from the top of the page and the divs below it later Sulvre... whatever I have change the px high the divs move not at all.  Any help would be greatly appreciated.

    By default, browsers add margins & padding to all HTML elements, including the body, titles, paragraphs, lists, etc...  Most use has a CSS reset method using any in our stylesheets.

    / * Universal CSS Reset * /.

    * {

    margin: 0;

    padding: 0;

    / * set the box model in fluid layouts * /.

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    CSS-Reset Tool: CSSresetr

    http://CSS-tricks.com/box-sizing/

    Nancy O.

  • Why the size of my pc is not adopted what is the size of the Tablet? (fluid grid)

    Hello

    www.BTD-innovations.com.au

    Yes I know I have another question too. Why an index it is and how to fix it... but...

    Just click on the link btd-innovations when there get there and you will see my current problem (now).

    I must be tired. I created all the other sites (not the ones zzzoldsite) and had no problems (for those who have been roaming on other sites I know have some bugs to sort)

    I believe that dw has my text centered but transferred is not...

    My images are huge and its commitment not fluid but I'm inside the div agggrrr

    too tired help please

    Kelly

    Your css link is looking for a file on your local computer so when you download to the remote server the link is broken:

    You set a folder in your site at the beginning of the project?

    The link should look more at: (assuming btd-innovations is the folder for your site)

  • Question about the use of control Grid to sweep the listener log

    We have recently implemented the Grid control and use version 10.2.0.5 to control several 10.2.0.4 databases and 10.2.0.3 on AIX servers. The grid control server running AIX also (5.3 NT12).

    I was able to set up the monitor to ORA-errors in the alert log, but I don't see anything obvious that will allow me to monitor/analyze the log of the earphone for TNS-errors.

    Can someone help me with this? This feature is available in the Grid control, or do I need to create a custom script and run as a user-defined measure?

    Thank you in advance for any help you can provide.

    Hello

    "You can use metric host - number of lines corresponding journal template file" for this.

    Thank you

  • Hide / show the fluid grids on Dreamweaver CC 20141

    Hello!

    How can hide us the grid of fluid on 20141 version?

    Thank you very much!

    Hide how exactly?

    Do you mean to use FGLayouts in 20141 with Design view?

    Open your fluid Grid CSS file and add an X as shown below.  This trick DW into thinking that it is a normal page layout, so you can use the Design mode, spell checking, copy & paste text, etc...

    /*

    Properties Grid Dreamweaver fluid

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

    DW-num-CLO-mobile: X 4;

    DW-num-CLO-Tablet: 8;

    DW-num-OCOL-Office: 12;

    DW-gutter-percentage: 25;

    =====================================

    Nancy O.

  • Is it possible to display the design view in the fluid grid pages?

    After the upgrade to the latest version of DW CC 2014, I noticed that design mode is disabled in the fluid grid pages. You can only use the Live View mode to change these pages. Design/Live button on pages not fluid.

    I wonder if there is a work around to allow the Design mode of publishing on the pages of fluid. It is a major concern to try to change some things in Live View mode. It would be nice to have a choice.

    @Ron

    Ron, thanks for your idea.  I just tried this in my fluid grid css file, and it worked!  The strange thing (at least in my mind) is that the code (below) is commented.  So, even though my web pages ignore this commented code, Dreamweaver is not... use it to control how the Dreamweaver program works. Well, I think that this can happen.  This code behaves as a "directive" in the Dreamweaver program.

    A notable change is that I no longer see the grey bands indicating the fluid grid columns in Live view mode, but I can live with that.

    It's my way of novice look at the situation.  But now I'm happy.

    Here are my exact code (which I deleted) of my css file.  Maybe others can try it and see if that fixes the problem.

    /*

    Properties Grid Dreamweaver fluid

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

    DW-num-CLO-mobile: 4;

    DW-num-CLO-Tablet: 8;

    DW-num-OCOL-Office: 12;

    DW-gutter-percentage: 15;

    Inspiration of "Responsive Web Design" by Ethan Marcotte

      http://www.alistapart.com/articles/responsive-Web-design

    Golden by Joni Korpi grid system and

      http://goldengridsystem.com/

    */

  • Dreamweaver CC fluid grid divs do not stretch to cover 100% of the screen

    Hello

    I do another sensible provision using DW CC and I came across a problem.

    Design colored divs that spans the entire page to 100% with a background color and borders.

    I already did the design upwards as a layout width fixed to get the color codes etc. and that works well, with colors that covers the screen.

    Now, I'm putiing design in DW CC using checkerboard to fluid and there is a white border on the Web site.

    I can't work on how to get rid of this. Here are excerpts from my two lots of CSS stylesheets, one for a presentation grid fixed and one for a structure reactive

    CSS FIXED WIDTH

    body, td, th {}

    do-family: Calibri;

    do-size: 14px;

    Color: #000;

    }

    {body

    left margin: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    }

    * / The wrapper header spans the entire screen no matter what size and does not have a white border on the left and the right

    {#headerWrapper}

    background-color: #000;

    height: 101px;

    Width: 100%;

    margin-right: auto;

    left margin: auto;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #BDDB6D;

    }

    FLUID GRID CSS

    The fluid layout grid CSS has the following in it:

    {.fluid}

    Clear: both;

    left margin: 0;

    Width: 100%;

    float: left;

    display: block;

    }

    {.fluidList}

    list-style: none;

    list-style-image: none;

    margin: 0;

    padding: 0;

    }

    / * Mobile layout: 480px and below. */

    {.gridContainer}

    left margin: auto;

    margin-right: auto;

    Width: 86,45%;

    padding-left: 2,275%;

    padding-right: 2,275%;

    Clear: none;

    float: none;

    }

    {#div1}

    }

    * / This header wrapper extends through the presentation of the grid only and has a white border on the left and the right

    {#headerWrapper}

    Max-width: 100%;

    height: 101px;

    background-color: #000;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #BDDB6D;

    }

    What do I need add to the fluid grid layout to make the headerWrapper div span the screen, no matter what width?

    What should I put in the grid CSS transmissions so that he can do that?

    Thanks in advance!

    I did it! I can't believe. The code I used is followed. The bar divs set color and at the border through the entire page and the wrapper divs to contain content in the various bars across the page.

    I must say that DW CC fluid grids are much more stable to work with and it can take a lot of coding by hand now. This is a great improvement on when I tried to use grids of fluid on a project last year.

    IN THE SECTION MULTIMEDIA PHONE REQUEST

    {.gridContainer}

    left margin: auto;

    margin-right: auto;

    Width: 100%;

    padding-left: 0;

    padding-right: 0;

    Clear: none;

    float: none;

    }

    {#headerBar}

    background-color: #000;

    min-height: 101px;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #BDDB6D;

    padding-top: 2.735px;

    }

    {#headerWrapper}

    Width: 86,45%;

    padding-left: 2,275%;

    padding-right: 2,275%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#menuAnimationBar}

    background-color: #B7B7B7;

    height: 293px;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #BDDB6D;

    background-image:-webkit-gradient (linear, 50.00% 0.00%, 50.00% 100.00%, color-stop (0%, rgba (153,153,153,1.00)), color-stop (100%, rgba (192,192,192,1.00)));

    background-image:-webkit-linear-gradient(270deg,rgba(153,153,153,1.00) 0%,rgba(192,192,192,1.00) 100%);

    background-image: linear-gradient (180deg, rgba (153,153,153,1.00) 0%,rgba(192,192,192,1.00) 100%);

    display: none;

    }

    {#contentBar}

    background-color: #F8FCF1;

    min-height: 200px;

    background-image:-webkit-gradient (linear, 50.00% 0.00%, 50.00% 100.00%, color-stop (0%, rgba (245,251,234,1.00)), color-stop (100%, rgba (251,253,247,1.00)));

    background-image:-webkit-linear-gradient(270deg,rgba(245,251,234,1.00) 0%,rgba(251,253,247,1.00) 100%);

    background-image: linear-gradient (180deg, rgba (245,251,234,1.00) 0%,rgba(251,253,247,1.00) 100%);

    }

    {#contentWrapper}

    Width: 86,45%;

    padding-left: 2,275%;

    padding-right: 2,275%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#socialMediaBar}

    background-color: #000;

    min-height: 83px;

    border-top-width: 2px;

    border-bottom-width: 2px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #BDDB6D;

    border-bottom-color: #BDDB6D;

    }

    {#socialMediaWrapper}

    color: #FFF;

    Width: 86,45%;

    padding-left: 2,275%;

    padding-right: 2,275%;

    Clear: none;

    float: none;

    left margin: auto;

    padding-top: 2,275%;

    }

    {#footerBar}

    color: #FFF;

    background-color: #AAAAAA;

    min-height: 176px;

    background-image:-webkit-gradient (linear, 50.00% 0.00%, 50.00% 100.00%, color-stop (0%, rgba (153,153,153,1.00)), color-stop (100%, rgba (185,185,185,1.00)));

    background-image:-webkit-linear-gradient(270deg,rgba(153,153,153,1.00) 0%,rgba(185,185,185,1.00) 100%);

    background-image: linear-gradient (180deg, rgba (153,153,153,1.00) 0%,rgba(185,185,185,1.00) 100%);

    }

    {#footerWrapper}

    Width: 86,45%;

    padding-left: 2,275%;

    padding-right: 2,275%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    IN THE MULTIMEDIA TABLET QUERY SECTION

    {.gridContainer}

    Width: 100%;

    padding-left: 0%;

    padding-right: 0%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#div1}

    }

    {#headerBar}

    }

    {#headerWrapper}

    Width: 90.675%;

    padding-left: 1.1625%;

    padding-right: 1.1625%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#menuAnimationBar}

    display: none;

    }

    {#contentBar}

    }

    {#contentWrapper}

    Width: 90.675%;

    padding-left: 1.1625%;

    padding-right: 1.1625%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#socialMediaBar}

    }

    {#socialMediaWrapper}

    Width: 90.675%;

    padding-left: 1.1625%;

    padding-right: 1.1625%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#footerBar}

    }

    {#footerWrapper}

    Width: 90.675%;

    padding-left: 1.1625%;

    padding-right: 1.1625%;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#menuAnimationWrapper}

    }

    IN THE PC MEDIA QUERY SECTION

    {.gridContainer}

    Width: 100%;

    Max-width: 1920px;

    padding-left: 0%;

    padding-right: 0%;

    margin: auto;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#headerBar}

    }

    {#headerWrapper}

    Width: 88.5%;

    Max-width: 1232px;

    padding-left: 0.75%;

    padding-right: 0.75%;

    margin: auto;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#menuAnimationBar}

    display: block;

    }

    {#contentBar}

    }

    {#contentWrapper}

    Width: 88.5%;

    Max-width: 1232px;

    padding-left: 0.75%;

    padding-right: 0.75%;

    margin: auto;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#socialMediaBar}

    }

    {#socialMediaWrapper}

    Width: 88.5%;

    Max-width: 1232px;

    padding-left: 0.75%;

    padding-right: 0.75%;

    margin: auto;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#footerBar}

    }

    {#footerWrapper}

    Width: 88.5%;

    Max-width: 1232px;

    padding-left: 0.75%;

    padding-right: 0.75%;

    margin: auto;

    Clear: none;

    float: none;

    left margin: auto;

    }

    {#menuAnimationWrapper}

    Width: 88.5%;

    height: 293px;

    Max-width: 1232px;

    padding-left: 0.75%;

    padding-right: 0.75%;

    margin: auto;

    Clear: none;

    float: none;

    left margin: auto;

    }

  • Several CSS files accessed by Media Queries vs. Dreamweaver fluid grid approach

    Is it better to insert the media in the head of a HTML file that refers to one of several CSS files depending on whether the device moble, plate, or office or is it possible to use the approach of fluid grid of Dreamweaver layout that evokes a single large CSS file with all the instructions for the three formats. I understand that it is the only choice you have if you use the grid to fluid. I just worry that this could slow down a mobile connection to load three sets of instructions CSS when only one is necessary.

    Take a look at the load time of my site that contains a huge CSS file.

  • How to make a video background to a fluid grid presentation in DW CS6?

    I have the full video backgrounds successfully placed in an ordinary web page, but cannot get a video to run as a complete history on a checkerboard to fluid. I searched this forum and the web without success.

    Anyone have any suggestions for a source for this app?

    Thanks in advance, Rich

    First read this:

    Can I use a video as a background? CSS-Tricks

    I don't advocate using the layouts of fluid grid (inheritance).  Support this feature faded when DW introduced Bootstrap for 2015 of CC.   FGLs won't be much longer. 

    Bootstrap has some very practical classes to make suitable videos that take their proportions in reagents layouts.

    ALT-Web Design & Publishing: reactive Bootstrap 3 Videos

    However, FGLs do not have this support.  If you yourself your own workaround solutions.

    Background videos have a price.

    • Too much bandwidth for mobile users.
    • AutoPlay is ignored by most mobile devices.
    • When it is used as a backdrop, the customary HTML5 video controls are not accessible.

    Nancy O.

  • Could I put in a fluid grid layout, a div with any property?

    Could someone please help me?, thanks

    Could I put another div in a layout fluid grid? Could put a div with a z-index value a fluid page layout grid? I could put a div with a transition to a fluid grid layout? Could I get any property of a div in a layout fluid grid?

    I can create a different stylesheet that takes all the fluid grids?

    forgive, but I have all these questions...

    Thank you and best regards.

    Fluid grid is right DW on "Sensitive" web design

    Any changes made to their fluid grid CSS break Visual AIDS that is displayed in design mode.

    Other than that, I don't see why you can't use a regular DIV within a checkerboard to fluid - and style it with one different CSS file (other than the presentation of the fluid grid CSS files).

    If you're referring to the CSS3 transitions, they work.

    Once again, as I said, fluid Grid layout is terminology just DW - any code you write it will work. However, if you want the full support of Visual AIDS, do not change the code manually in the default .css file. Feel free to add content / code in a different .css file.

    Good luck.

    -ST

  • DW CS6 - best fluid grid multilevel MENUS for scaling mobile (big site)?

    Hi I currently have a non-mobile-friendly site that contains 450 + pages (www.midlifebachelor.com), and my search rankings go wrong to cause not to be mobile-friendly.   I use Dreamweaver CS6 on the Windows 8.1 as a development platform and would like to stay with her.  [I have also a site different, much smaller that I recently successfully migrated to a fluid grid layout, and it works very well... and that was my experience very first/only with grid encoding, using DW CS6 fluid.]

    So I need migrating my site page 450 + big a checkered to fluid and I have several problems to solve - the first / most obvious are to know how to deal with some of the complex menus. Today as top-level menus, I have reversals of the image at the top of every page of my site, for a customized mobile version running desktops, tablets and mobile devices - I tried (on different threads here) and one that seems to meet my needs the most is the 'Vertical Drop Down Mode"projectseven:

    http://www.Projectseven.com/products/templates/pagepacks/DMM/affinity/menu-modes/index.htm

    Some menus multi-level migration is important to me because many of my existing main/top level (currently image hover) menu selections now go to pages that contain Spry tabs - which go far.   So the migration of pages with these Spry tabs in new multi-level menus (using checkerboard to fluid, etc.); those without something complex on the landing page would be one level of menu in the upper part.   Goal is to have a system menu unique uniform at the top of each page of the site page 450 +.

    As my site is so great, I clearly don't want to modify the code any time soon the whole site (once I do it immediately, using the menu system above or?).   I want to test my design as much as possible.

    MY QUESTION to THE GURUS - do you think that the "Drop Down Mode Vertical" Projectseven is a very good choice for me to migrate to (for the multi-level menus, using a fluid grid - for scaling of the bureau, to table for mobile)?   Are there other choices that I have to look?  [If there is something different that I should, can you please give me a link that shows examples for this?]

    Thank you very much for your time!

    MLBdesigner wrote:

    (2) another section of the site is more like a book - so not as a collection of independent articles (as with the link you quoted above), but more like 100 pages of content that is usually read in order.  The player has the opportunity to watch an 'index' on the right side of the page that contains links that allow the reader to move from things that are of interest.  Example:

    It's exactly the same principle. Think of each page of the book stored in a column of data.

    You have 1 book page on the site with the index of linked pages / registered associated will be filled with data. According to link (page) is chosen by the user that it is then retrieved from the database in the database identification number that is attached to the link of the page-based.

    This all sounds quite complicated I don't know if you have little experience of database. But if you take the time to research - master-detail in Dreamweaver pages it might help you better understand the principle and how your needs would adapt.

    I don't know how effective the information below are to the current version of DW, but it explains the procedure:

    Using Dreamweaver | Main and detail page design

    MLBdesigner wrote:

    So the above is the other half of the site that I need an approach to understand.  The mobile aspect where it migrates to probably means that I lose the index on the right that allows the reader to spend.  If anyone has any ideas or suggestions on how to manage this migration to something easy to mobile, then I'm all ears.

    You might just have a single link "Choose a Page" at the top in mobile, BUT it's a heck of a lot of links to scroll down, or you can break it down into manageable chapters.

  • layout and fluid grid div tags

    so now, I start my journey of learning the layout feature fluid grid dw6.  just started and have already fallen on a problem. When to create a div, I prefer to give them a width and height seems just to help put on the page, but in fgl when I put the value for these it just seem to ignore it, is this true?  If so, how does this work?

    Hello

    The idea of using a fluid grid presentation is that the size of the div elements will adjust themselves based on the width different screen sizes.

    It is difficult to say without seeing your design/layout that you work to say whether or not you should actually try to set the fixed width and height for your div elements fixed width setting is fine if you are designing a traditional presentation, fixed width, it can help you to read this article on the differences between fixed vs fluid layouts http://coding.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-r ight-one-for-you /

    Since you mention that you are just starting to work with fluid grid, maybe check out Adobe TV can help you get started...

    Alassane http://TV.adobe.com/watch/Learn-Dreamweaver-CC/Create-Fluid-Responsive-Web-pages-in-dreamw.

    Good luck!

  • Dreamweaver CC has "internal error... when resizing of a vision" when asked to create a fluid grid presentation

    Excited for the scope of the fluid grid layout features, he had, I had creative cloud Dreamweaver SPECIFICALLY for this feature.

    Sign, download, installation went well held. Open Dreamweaver CC, create new flow layout grid, press OK, location name and desigante of the .css file and get the following error.

    "An internal error occurred when resizing to a view. (Cview::ResizeFrameBy) "OK

    I click OK and nothing happens. App freezes. No css, no file. Not nothing.

    Tried to reboot, reinstall, the different names and destinations for .css file. I'm Mac 10.8.2

    Literally, it's the first thing I did w / an app of the ACC, and I am unhappy and frustrated. Via forum or call customer service telephone offshore get less than ideal.

    (my apologies for the misspelling in the subject cannot edit it)

    You can try the steps mentioned on the thread: http://forums.adobe.com/message/5420680

    Fix checked:

    For all the Dreamweaver crashes on the opening of fluid grid pages, closing Documents, or opening files

    Please make sure that the default system fonts are activated all - especially Verdana

    On MAC -.

    Open the police BOOK from Applications

    Activate VERDANA font family

    -Thomas yannick

Maybe you are looking for