WHY 100% fluid width layout-design covers only 60%

I have big problems with the DW/CS6 create fluid page layout option, because even if it is configured to use 100% width - I get only the equivalent of 960 width.

I want to be able to create a design similar to the one on the Wordpress.com site (I know it is a competitor, but stick with me!)

I want to be able to set the background in the entire width of the page and remain responsive.

It is not to do so.

I spent days on this - many questions - spent all night on this (it is 06:00 and I worked on this put 18 hours of the 24 last)

I can't get DW to give me a width of 100% with a reactive provision that will wrap up a menu in its container div.

I will not repeat my previous posts - it's just that I can't just simply appear to get what I'm after with my limited knowledge.

It's a very steep for me, learning curve as I only did 960px sites in the past.

I managed to develop so far, but having problems to make any kind of sensitive menu in the menu bar which will not overlap outside the area of the menu bar.

example on www.tdrd.karoo.net

I'm getting so frustrated (and now tired)

Thanks for all the help on other issues, but I need a simple to understand the fluid/sensitive/Adaptive design (another thing I learned tonight)

that will allow me a background image 100% behind the content area width.

Terry

terryfoster wrote:

Ah the content area is 960 ok, but my problem is to get a menu to display in the menu bar is the problem

{I took the code from your other post - you had extra} in the css that stop to the css cascade as I thought you use floated

  • Tags for menu - you must clear the floats that is why I made a request ' overflow: hidden;' to the container menuArea force it to wrap the floating
  • Tags.

    {#menuArea}

    background-color: #F6F;

    overflow: hidden;

    }

  • Tags: Dreamweaver

    Similar Questions

    • How can I substitute small fluid width in one page ONLY?

      I have a site that uses fluid and versatile layouts defined in the model.

      Now, on a page only I have a table that requires a wider page to view details - it cannot be admissible.

      Keep the menu adapted for the small screen that displays a menu bar, but the table should the Viewer to spread with scrollbars through all 960px

      Any ideas how I can go on display all this information on a mobile screen would be welcome, but all this I can think of is to have a large page for the moment.

      Thanks in advance for any comments

      Terry

      In some cases, you can use the lists of definitions to simulate a table.

      Pseudo-Tables with definition lists - JSFiddle

      Nancy O.

    • Effects of scrolling does not allow to define page layout fluid width

      Hello

      I created a menu at the top of the site and you want to enable the scrolling effects when you click on a button and are directed to any part of the website menu is visible, but my page is configured for a fluid width, why I want that my menu is 100% on the sides, but preventing me to use scrolling effects.

      Does anyone have a solution for this? There is another method to enable scrolling effects and leave my menu full time?

      An example of how I want my site get is the following: http://splitstudio.com.br/

      This is not possible with scrolling effects like effects scroll uses absolute positioning and sensitive sites use relative positioning. This movement of scrolling is disabled on sensitive sites.

    • How can I increase the maximum width of a fluid page layout office 1232px at 1920px grid?

      How can I increase the maximum width of a fluid page layout office 1232px at 1920px grid?

      You will need to manually alter the query from media CSS for desktop computers.

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

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

      .gridContainer {width: 90% ;}}

      }

      Nancy O.

    • Why my MBP retina nine come with only 100 GB against 120 GB as shown. (He says 20 GB has been used, but I just bought the laptop) is enough space of 100 GB. I'm not a gamer or anything like that. Just need the computer for College

      Why my MBP retina nine come with only 100 GB against 120 GB as shown. (He says 20 GB has been used, but I just bought the laptop) is enough space of 100 GB. I'm not a gamer or anything like that. Just need the computer for College

      How to report the storage capacity - Support Apple OS X and iOS

      If you bought the Apple MBP, you have 14 days to swap for a most appropriate mac.

      If bought from a different dealer, you will need to contact them about the Exchange / return policy.

    • Scrolling effects do not work on a layout fluid width (was: Menu)

      Hello

      Sorry for my English, but I write in Polish.

      I have a problem with the menu when I have fluid width - breakpoints. I can't do this effect - black on white.

      When I have a project with a constant width is no problem.

      Example that illustrates what I mean: http://museaward.com/

      Hey Lukasz Siwi,

      Currently Muse does not have the capacity to apply effects to scroll while using breakpoints (fluid layout), in order to achieve that you need to use the layout fixed Muse site and set up your site phone and tablet like you used to do in the previous version of Muse.

      Kind regards

      Ankush Rao.

    • Image on a full-width layout fluid width

      I try to get a picture of full-width using the new fluid width in Muse CC 2015 page.

      I moved the edges of the image area to the outside edge of the page layout (pint, I can see a red line appears).

      But when I visit the site in Safari, the image remains a fixed width.

      Any idea or alternative work would be much appreciated.

      Try this in addition to the step, you already performed:

      1 look at the icon of scaling in the strip of higher order

      2. your stretching wide browser page by clicking on the double arrow to the left of the breakpoint bar.

    • Why I'm not able to see the fluid Grid Layout Div tag

      Why can't I see no menu fluid Grid Layout Div in the Layout to insert tags

      DW CC changed signs.  If you work in FGLayouts, DW intuitively inserts the correct Div for you.

      Nancy O.

    • Dreamweaver. Is it possible to have AP div tags in a fluid Grid Layout Div?

      I am putting together a site with a very basic page layout; some titles at the top, each placed in an AP Div, with images below.  But I would use the fluid Grid Layout Div so that the positioning of the change of flags AP div on mobile devices.

      I can't figure out how to do so that the AP div inside my fluid Grid Layout Divs tags

      Thank you

      1. forget the AP Div they are of very little use and can only be deployed in a sensitive site with care (and knowledge).

      2 forget the fluid grid layouts, they are not sufficiently stable.

      That being said, take a look at create a responsive Web design in Dreamweaver | Adobe Dreamweaver tutorials CC and Bootstrap 3 tutorial

    • Problem of fluid page layout grid DW6: writing to the page instead of the css file

      DW6 using (version 12, ownership, build 5861) on Windows 7 64 bit.

      After the tutorials and help files to use the grid to fluid.

      1. Launch a blank page on a new site, which inserts the div of starter and the new css file
      2. Immediately save page which also generates / saves auxiliary files (js and css).
      3. Remove inner div that is created in order to use my own (tried also leaving room for a default value and use)
      4. Insert the new div within the div 'clearfix gridContainer.
      5. Place the cursor just after this new div, always inside the "gridContainer clearfix" and add a new 'fluid grid layout div tag', new line.
      6. Following the same method, do it again.
      7. Dreamweaver adds the CSS code generated to the actual page instead of the expected div visibly (minified)... and everything breaks. To do this, * not * add the code in the CSS file from there and the only way to have it show the div (which show no visual indicators since the CSS is essentially lost who would do it, CTRL-Z to undo the last step. It cancels the CSS presentation as the only content in the HTML file, and * is * display a div with the name I had given him. If I copy and paste this CSS generated in the fluid css file * so * CTRL-Z, he looks at the way she's supposed to, with drag handles, visible fingerprints and so on.
      8. If I then change div widths or position, it saves these changes in the CSS file, it seems that it is only when inserting new div tags after another is a problem third div inside the container is when it starts choking; no overlap).

      It is repeatable, desktop or laptop, running the same version. I tried to save after each insert div, only at the beginning, only rescue code view, split only...

      I tried looking for someone else having this problem and must not be worded research properly, impossible to find someone else saw it. It's weird.

      If someone can point me to something to try then workaround is not necessary, it would be appreciated.

      Work within a Site defined properly?

      Is the folder of your site in the disk/volume even as DW?

      Nancy O.

    • Why sparse Dimension must always be store only?

      Dear,
      Why sparse Dimension must always be store only?

      Generally sparse dimensions are stored in databases BSO because their dynamic calculation is slow. You can get away with things that affect only a small number of blocks, but sooner or later, depending on the design, Essbase switches.

      For example, a year or two ago, I had a customer who had a % 100 dynamic BSO cube (well, actually the accounts was dense and stored - it was as if the developer to read the SER60 and overturned the rule). The good news is that Calc was very quickly because they were just a handful of level zero blocks requiring accounts calculated in the block. The bad news is that as soon as the user started pulling combinations of data from higher level on the rare dimensions began getting really slow because Essbase was dynamically read many, many, many blocks, then add them to the top. A Summit of the recovery of the House took more than seven minutes. "But our Calc is fast! Well Yes.

      That's why in OSB Essbase, you must set the most sparse dimension members as stored. There are exceptions of design, but for the most part, their storage is the way to go. Limits, Essbase BSO is very good and quick to combine these numbers.

      Kind regards

      Cameron Lackpour

    • 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

    • Green highlight when you use fluid Grid Layout Div tags

      That the Green highlight means when working in Live view of a checkerboard mode fluid using fluid Grid Layout Div tags? Sometimes they appear, but sometimes they did not. I think it has something to do with the width setting but I can't understand what is the rule, or which indicates the high point.

      Dreamweaver CS6

      Mac OSX 10.8.2

      Thank you!!

      Brian McNay wrote:

      the Green highlight sometimes disappears when you change the width property of the div. My question is what this means?

      If you change the width of a div manually in Code view or in the Panel styles CSS, Dreamweaver continues to treat it as a fluid grid layout div, and green highlighting disappears.

      To be considered a div of fluid grid layout, the width should be adjusted by dragging the handles in Design view. Dreamweaver snaps divs fluid layout grid to the grid on which is defined when you create the page, and it calculates the width and margin the number of decimals. If the width or margin does not match the dimension of the grid, the highlighting disappears, and the div is treated as any other div.

      It is not a bug, nor is the divs to layout fluid grid different from normal ones. The idea of the grid and the highlight is to allow you to create a layout adapted to a hypothetical grid. Once you have created the basic structure, it is best to disable the Visual guides in any case.

      Personally, I think that the implementation of fluid layouts grid in Dreamweaver CS6 leaves much to be desired. The basic idea is good, but it is difficult to use if you don't have a solid knowledge of CSS.

    • How to create animated Scrolling Parallax and keep all pages with fluid width?

      Hi all

      I had a problem. When I draw the menu of a website, I am trying to add breakpoints so that menu will respond correctly to any modification of the width, and at the same time I am adding parallax scrolling effect to the background image.

      The problem is that when I turn on a fluid width, I can't enable scrolling:

      "to activate the effect of scrolling, your page must use fixed width".

      Any ideas how to fix this?

      See you soon!

      Scroll effects are not currently available in delicate design.

    • Text the PIN in the center of the image when using fluid width

      Dear fellow users Adobe Muse,

      I have a some problems pasting blocks of text for the picture frames when you use layout fluid width.

      What I want is to have three images side by side and a text centered on each photo.

      When my browser window resizing pictures fit perfectly, but the text does not follow.

      I tried to classify, but it does not help.


      Is it possible to lock text block so that it is always at the center of an image?


      See the images under (the first showing what I'm after and the other showing what it looks like when resizing)

      1.jpg

      2.jpg

      Try the workaround mentioned in this post: Re: text on reactive image?

      Best,

      Anna

    Maybe you are looking for

    • Reinstallation of windows 8

      So I removed windows 8 for linux without reflecting on dualboot it goes without saying that I would get back windows just dual boot on my laptop. I know that there is reinstall the CD, it would help? Any help/info is appreciated on how should I do fo

    • Data logger K8047 Velleman

      ICH hab einen data Logger K8047 von der Firma Velleman. ICH will be den Logger in Labview einbinden und hab noch nicht viel Erfahrung mit DLL Zugriffe. ICH weiss nicht wie ich die Funktion ReadData in Labview specificities soll. ICH hab eine descript

    • DLL version does not update after you apply MS14-026

      Hello I applied the security of .NET for MS14-026 patch according to the https://technet.microsoft.com/library/security/ms14-026 on my Windows 2008 R2 SP1 servers.  I did have errors or problems during the installation, but what I find more precisely

    • Windows xp blue screen stop: 00000024

      Title: original windows xp blue screen had a blue screen with stop:

    • Cipher.exe object already exists error

      Hello, I had a customer bring a laptop Windows 7 Professional to the other day saying she has difficulty to create a folder that is encrypted for the work. Long story short is that it must have a file encrypted on the machine for this application to