Is it possible to select which div is used in fluid design?

Question

OK, I have built a site that consists of header and footer sections and three column divs - LeftDataBox, CenterDataBox and RightDataBox. I've used Dreamweaver CS6 to design it in a fluid style and it works well going from desktop to cell phone. However, when the site moves to the cell phone, the column LeftDataBox appears first after the header. Since most of the active content of the site is placed in the CenterDataBox div, I would prefer if that was the first div selected instead of LeftDataBox. Is there something in DW or CSS that I can apply to tell the browser to pick the CenterDataBox first? I haven't bothered to include code here, as it will not be particularly useful in the more or less general question I'm asking. I can send a link to the site if that might help, but I think it's pretty straightforward - by default as the divs lay out on the smaller screen, they go from top to bottom/left to right. I would like to swap the divs containing LeftDataBox and CenterDataBox for only small screens. If the question seems inappropriate I apologize, but have not been able to find a realistic answer after searching the web.

Answer 1

I prefer to use HTML5 tags.  Aside = sidebars. Article = main content.
What I'm saying is  FGLayouts are not able to switch div order.  Div order is based on where you put it in the HTML markup.
However, with CSS Flexbox  div order can be defined in your media queries like this.
Mobile:
  header    { order: 1; }
  nav       { order: 2; }
  article  { order: 3; }
  aside.one { order: 4; }
  aside.two { order: 5; }
  footer    { order: 6; }
Desktop:
  header    { order: 1; }
  nav       { order: 2; }
  aside.one { order: 3; }
  article   { order: 4; }
  aside.two { order: 5; }
  footer    { order: 6; }
But Flexbox is not quite ready for prime time yet.  Browser support for it is still spotty. You can read more about it at CSS Tricks:  https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Nancy O.