Reflow of edge - first div 100% of the screen

Similar Questions

• Make a DIV 100% of the height of the Page

  Hello.  I'm working on a Web page where I want the sidebar to stretch down.  I tried to use the height: 100% in the css, but it didn't work because it extended only at the height of the items on the side left which are shorter than those on the right side.  After some research, I found that I could use the height of the viewport max with the height property: 100vmax.  It worked, but now the div extends well beyond where it should be and makes the page very long for some reason any.  Is there another way that would work in this situation?  I want the sidebar to stretch to the bottom of the div on the right side of the page.

  You can see the page here: http://www.littlechisel.com/clients/newview/index.php

  Thank you!

  The simplest solution (I've tested this with your code) is the following. Replace your styles css for these elements with mine. In addition, this method works as long as the length of each column does not exceed the values padding and margin such as defined for the two columns (but 20000px would suffice!  ;-)

  {#wrapper}

  background-color: #ffffff;

  border: medium none;

  overflow: hidden; / * cut huge padding * /.

  }

  :

  {#sideNav}

  background-color: #e0d9ce;

  border-right: 5px solid #38358 c;

  box-sizing: border-box;

  float: left;

  margin-bottom:-20000px;

  Width: 25%;

  padding-bottom: 20000px;

  }

  #right {}

  background-color: #ffffff;

  float: left;

  margin-bottom:-20000px;

  padding-bottom: 20000px;

  Width: 75%;

  }

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

  }

• Hey. I just bought adobe 14 items to upgrade my 10 items. I did the download, extract the files. I then get the installation screen to mount. I hit install this brings me to the first log on to the screen. but there is actually no case to

  

  Press Windows button (located between Ctrl and Alt buttons) with the key R together at once, you will get a command window.

  Type below command and press the enter"" key.

  AppData

  It will open the Appdata folder.

  Then go to the Local > Adobe > OOBE. Open the OOBE folder and delete the file " Opm.db".

  Then try to install again.

  Always same or no file Opm.db?

  Follow the procedure below and check:

  
  

  N ° 1)

  Launch the Task Manager, click on the more details and end Adobe all related tasks.

  Step 2)

  Go to C: > Program (x 86) > " common files" > Adobe.

  Open the Adobe folder and delete folders named Adobe Application Manager and OOBE.

  Impossible to remove? try to rename. as old OOBE.

  Step 3)

  Click on the link below and download Adobe Application manager and install the same:

  http://download.adobe.com/pub/Adobe/creativesuite/CC/Win/ApplicationManager9.0_all.exe

  Once the installation is complete, look for the icon of Adobe Application Manager launch on desktop and double-click it.

  It will start the update process.

  Once finished, he shud launch Adobe Creative Cloud app, and then leave.

  And try again to install the 14 items first.

• Solid black line on the screen of the HP Tablet

  I just got this HP 7 5709 flow. So far so good except there is a horizontal black line across the screen. I first thought, this is the screen protector, but now I'm starting to think that it is in the screen itself. Is - is this known? Attached to the image here. Thank you

  

  link to the invalid image.

  all kinds of lines on the screen that persist all the time are defective LCD screens and will need a replacement.

• can not get the screen to normal size

  Okay, so I think that I did by messing around with the ease of access, but my screen is all magnifyed and blown upward and just to big... ive tried to look through everything... How to get back my computer to original size screen?

  Hello

  You need to maybe uninstall and reinstall the graphics card. However, before first try to change the screen resolution and other settings and check if that helps.

  Get the best display on your monitor
  
  http://windowshelp.Microsoft.com/Windows/en-in/help/617624ee-08f3-4AFF-9713-5e84a9674a261033.mspx

  Change the screen resolution
  
  http://windowshelp.Microsoft.com/Windows/en-in/help/0386b009-5F30-45c7-80c8-ff0395cc24091033.mspx

  If the links above do not help, then follow uninstall and reinstall procedure.

  To uninstall and reinstall the graphics card follow the steps below:

  1. Click Start, in the start search bar type Device Manager and then press ENTER.
  2. in Device Manager, you see listed adapter.
  3. right click on the graphics card and then click on uninstall.
  4 restart the computer after uninstalling. Once you restart the adapter will be automatically installed.

  If this does not help, you will need to do a system restore, click the link below:

  How to repair the operating system and how to restore the configuration of the operating system to an earlier point in time in Windows Vista
  
  http://support.Microsoft.com/kb/936212

  Restore the computer to a date or a point when the problem did not exist.

  I hope this helps.

  Peace be upon U.

• my entire desktop display is moved upward and the top part has been moved to the bottom of the screen

  Windows 7 my monitor went down last night, it passed to the 2nd PC, still no good. No screen or menu. Monitor exchanged 2nd PC on the first PC and now the screen is rolled up, my Summit icons are now at the bottom of the screen and the taskbar are shifted upward about 1 inch, with a black bar below. On IE, the top right of the window which includes narrow it down and close buttons are now in the bottom right of the screen, or on the desktop. On the 2nd monitor menu buttons are now also inoperable but display works. Tried reloading drivers, ran Diagnostics, system restore 1 week back, ran all the updates. Any ideas?

  Hello

  Press the CTRL + ALT + UP arrow at the same time to rotate your screen the real position.

  It will be useful.

• Animation of edge doesn't scale to the width and height div parent

  We have an existing site that was built in 2007, but has been designed to fit perfectly with sensitive css, there were a few hiccups, but this was by far the biggest problem that I have encountered. I'm working on replacing a flash animation with animation that onboard animate cc 2014, I did, and everything went fine until I asked to play well with my existing Web page.

  I was playing with my files for a few days now, and I was wondering if anyone else has this problem. (I've been placing the code manually in html format, and not as a .oam) It seems that my animation of the edge, on the appropriate settings available, insists on the evolution of the size of the port view rather than the size of the parent div I put it in. I came with a difficulty of brute that changes javascript code so that the animation looks at 90% of the display window, but as soon as you resize the window, it goes back to 100%. Which is annoying because I need to be at 90% with a 5% margin/padding on each side (that's what the content div is set to of anyway, so when the edge host is set to 100% width, only go to 100% width of the content div that it is in) and even more embarrassing as that does not even begin to solve my problems with the desktop version of the site. As much as I love the sarcastic musings of my friend in HIM during the afternoon, I think we're both willing to entirely renounce this aspect of the project.

  When I tried to import a media file .oam that he just doesn't appear at all, no code, no javascrip, nothing shows the parent div and empty the stage in development tools (I check the code for troubleshooting purposes through google chrome).

  I'm really at the point where I hope I did something terribly wrong and I'll be able to save this new way to add in the animation. That would be the best case scenario at this point.

  Help, please!

  Here's how I solved the problem

  Configure the animation as w 100% and 100 hour

  You will need to exit mode suitable for it, also uncheck the option to stage at the centre.

  Then, I put a container around my scene in the html code. I call it class = "stagewrap".

  I then added javascript so that stagewrap would retain a certain aspect ratio but the scale to 100% width.

  That's what looked like my html

  My CSS looked like this:

  {.stagewrap}

  margin-top: 20px;

  Width: 100%;

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

  float: left;

  font size: 2.5vw;

  }

  Some of these styles will have to modify according to your needs or according to your needs.

  x is going to be your ration, which matches your width divided by your height, you can just divide the number of pixels, the units cancel out and that the ratio works for any other unit.

  There is the width to which your animation is 100% resolution without the scale upwards or downwards. It is a VERY important number to keep your overall percentages correctly.

  And z is probably 1, unless you want your text is larger or smaller, you can play with it yourself.

  "In my code, I wanted to also set it so that after a certain width of the window, the animation went to a static size so I did that."

  function setRatio() {}

  If ($(window) () .width)<= s)="">

  SW.height (sw.width () * thisRatio);

  }

  else {}

  SW.height (sh);

  }

  }

  s = the width of the window to which you want the size to go static LESS 1px

  SH = static height that you want the picture to stay in, this number automatically sets the width through the report.

  As insurance, you css for the size of the window, you want the static image to organize at all, the size of the .stagewrap in px

  I hope this helps!

• I can't install the reflow of edge?

  Hello

  I can't install the reflow of edge? Can I install photoshop lighroom... but without reflow of edge and edge code. I do not appear in the creative clouds

  Thank you

  Best regards

  Hello

  I can't install Board reflow? I install photoshop, lightroom, but not edge reflow, it does not appear in creative nails?

  Kind regards

  Greg perret

  Please see Adobe CC 2015 Direct Download Links: Creative Cloud 2015 Release | ProDesignTools

  Read the very important instructions mentioned in the link.

  Hope this will help you.

  Kind regards

  Hervé Khare

• DW CC sensitive site, Image problem, how can I get my image to stretch in the width 100% in the div container (wrapper)?

  I have a HomeHeader (upper Div) homebody (body div), 4 low box divs (not important). Im trying to get my homebody (body div) to stretch 100% width on the container as My HomeHeader (upper div) did. The two albums div and body divs are IMAGE backgrounds!

  

  Now, I did something interesting that is, changed my homebody (body div) of the background color in the Red image background and it streched:

  

  I don't want a solid color! I want the image that I designed in photoshop CC. I don't understand how I could get my div image to stretch, but not the image of the body. Help, please!

  PS. This is a copy of my CSS

  ICWOT:

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

  {.gridContainer}

  Width: 100%;

  margin: 0;

  Clear: none;

  padding: 0;

  float: none;

  }

  {#HomeHeader}

  background-image: url (.. / WebDesign-assets/images/TopFooterH.jpg);

  height: 61px;

  }

  {#HomeBody}

  background-image: url (.. / WebDesign-assets/images/BodyH.jpg);

  height: 653px;

  }

  {#Home1AboutBlock}

  Width: 24.1758%;

  }

  {#Home2ProjectsBlock}

  Width: 24.1758%;

  margin left: 1.0989 per cent;

  Clear: none;

  }

  {#Home3StoreBlock3}

  margin left: 1.0989 per cent;

  Clear: none;

  Width: 24.1758%;

  height: auto;

  }

  {#Home4ContactBlock4}

  Width: 24.1758%;

  margin left: 1.0989 per cent;

  Clear: none;

  }

  {.zeroMargin_desktop}

  left margin: 0;

  }

  {.hide_desktop}

  display: none;

  }

  }

  Please help once again!

  You realize that will only look great on your screen, right?    Background images don't re - adapt to windows.  So for people on larger or smaller screens, it won't have the same experience.

  You could significantly reduce bandwidth by using a smaller picture with this method.

  Resizable background image full Page

  Nancy O.

• First Div in the inoperable fluid page layout grid

  I created a grid of fluid layout with lots of divs.  Once I created the full page the first div in the grid container is not green and cannot be changed in size.  It shows as follows:

  < div class = "gridContainer clearfix" >

  < div id = "Logo" > OWL logo < / div >

  < div id = "PhoneSample" > This is the content of the div layout "PhoneSample" < / div >

  etc.

  etc.

  etc.

  The div logo does not work and is all black and white - no green layer.  When I click in the blue border mobile is not upward as it does on all of the following divs.

  Please, I beg you. What I did and how can I solve this problem?  Thanks in advance.

  Thank you Nancy.  I changed the description of html back to accord with the CSS and I'm back in business.  It should have been obvious to me, but it wasn't somehow.   I found you and this forum are very useful.

• Reflow of edge limited the size of the screen

  It seems that reflow limit the size of the horizontal screen to 1 000 pixels wide. Grid fuild Dreamweaver for computer screen is wide from 1232. Is it possible to reflow in size until the screen size or more?

  The size of the screen should not be limited. There is even a zoom control if you need to use a wider than your monitor screen:

  

  Hope that helps and thanks for using the Reflow!

  Chris

• Centering and 100% in the browser display do not work.

  I believe I followed the instructions that have been posted previously and I did some reading on a centering page and display a page at 100% but I can't seem to make it work properly. I might have a conflict or something can help you.

  
  I designed a website that was 1000px wide and now they want changed (they want a picture of both sides of the page) - so, rather than completely change around and trying to mess with the areas and stamps and all that fun stuff. I decided to leave the #container (which is were all the data for the site and the model is applied to other pages, the size will change - the height will change, but the width should be 100px). who was there and then completely wrapp in another div tag I called #master_container, then I inserted 2 div more tags and placed images of each side as desired. I followed the instructions above (because now the site is so large display in a browser is diffacult). I need the site to do 3 things.

  -i it must display centered on the page so that any browser, it is displayed in or what screen size it is seen on this subject is at the center of the screen.

  -I also that it fits on the screen of the person using it so that they see the whole page as one and it is not a huge space empty on one side - now he is on the right.

  -If you know how to do the two images on the side scrolling of the screen that the person scrolls down the page

  HERE IS MY SITE XHTML CODE:

  < ! DO. TYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml ">

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

  < title > Untitled Document < /title >

  < style type = "text/css" >

  < / style >

  "" < link href = "... / Unicorn_main_layout_template_oldform - CopytestCSS.css" rel = "stylesheet" type = "text/css" / >

  < / head >

  < body >

  < div id = "Master_container" >

  "" < div id = "ancestor_left" > < img src = "... / Images/ancestor_cropped.jpg" width = '659' height = '1003' alt = "ancestor right" / > < / div >

  < div class = "container" > b < / div >

  "" < div id = "ancestor_right" > < img src = "... / Images/ancestor_cropped.jpg" width = "659" height = "1003" alt = "ancestor_right" / > < / div >

  < / div >

  < / body >

  < / html >

  HERE'S THE STYLESHEET CSS ATTACHED TO THE MODEL I AM APPLYING TO ALL PAGES OF THE SITE.

  @charset "utf-8";

  / * CSS document * /.

  {#body}

  text-align: center;

  margin: 0;

  padding: 0;

  Width: 100%;

  height: 100%;

  }

  {#Master_container}

  Width: 2300px;

  margin: 0 auto;

  text-align: left;

  margin-right: auto;

  margin-left: auto;

  }

  {#ancestor_left}

  float: left;

  Width: 660px;

  }

  . Container {}

  height: auto;

  Width: 1000px;

  }

  {#ancestor_right}

  Width: 660px;

  float: right;

  }

  THANK YOU SO MUCH FOR YOUR HELP!

  First page, try this:

  {#Containter}

  do-family: "Comic Sans MS", 'Cooper Std Black', 'Copperplate Gothic Bold. "

  font size: xx-large.

  background-color: #909;

  Width: 1000px;

  text-align: center;

  Auto margin: 0;  / * with width, it is centered * /.

  }

  Nancy O.

• Videos YouTube are aligned on the left edge of the screen

  Since some time last week, Youtube has been show videos lined up on the far left of the screen edge. Resizing, it does nothing, it seems to be stuck there.

  This is different from the redesign - there is no space to the left of the video, it is rather unsightly.

  I tried to run Firefox in safe mode with all add-ons disabled, but this has not solved the problem.

  It's Firefox on Mac OS x 23.0, but it was also very recently on 22.0 too before I updated.

  I thought I'd be able to download an image with this post, but I'm not a field for that, well, he was transferred to imgur: http://imgur.com/BsGZfBC

  Anyone know what is happening here?

  Hello

  Many issues of the site can be caused by corrupted cookies or cache. To try to solve these problems, the first step is to clear cookies and cache.
  Note: This will be you temporarily disconnect all sites, you're connected to.
  To clear the cache and cookies to do the following:

  1. Go to Firefox > history > clear recent history or (if no Firefox button is displayed) go to tools > clear recent history.
  2. Under "Time range to clear", select "all".
  3. Now, click the arrow next to details to toggle the active details list.
  4. In the list of details, see the Cache and Cookies and uncheck everything.
  5. Now click the clear now button.

  More information can be found in article to clear your cache, history, and other personal information in Firefox .

  This solve your problems? Please report to us!

  Thank you.

• Constantly, Firefox crashes and freezes; uses 100% of the CPU during freezing.

  Almost spontaneously, Firefox would freeze and unresponsive. Meanwhile, every Firefox window is out bleached and do not meet any entry, and the Firefox process uses up to 100 percent of the CPU. All active content running at the time of the gel, if one continues to operate as usual (videos continue to play, web applications, provide audio notifications send as usual, the visuals are now not visible as browser windows are frozen.) The sound continues uninterrupted, however.)

  Freezing can occur at any time. Even when the user does not interact with Firefox, it can still freeze. Gel persists with all addons and plugins disabled.

  The freeze would last between a few seconds to a minute, and after freezing, Firefox takes always respond as if nothing happened. While it causes no significant losses, the gel is extremely annoying and can occur as often as once every ten minutes.

  The symptom of freezing is universal for all versions of firefox between 5 and 8.0a2.

  I had this problem since I upgraded from FF5 to 6.02. I got the dev of Aurora version installed, so I can also confirm that the problem occurs in several versions. Exactly as mentioned OP: CPU load max, gel application, even without opening all Web sites - once again, he froze immediately after starting when the browser cache cleaning.

  My profile was very old. I also disabled all Addons and Plugins, and the problem persisted. After that, I uninstalled Firefox but didn't keep my profile - no chance.

  Nevertheless, reinstall a complete, plus the withdrawal of all profile data (C:\users\me\AppData\Local\Mozilla and C:\users\me\AppData\Roaming\Mozilla - export your bookmarks first of course) solved the problem. Downside is, you must reinstall all the AddOns, and your settings and cookies went. But these gels were even more annoying, so my advice would be to create a new profile.