Hi CSS List, I am working on a site with a responsive layout via media queries and I'm having some difficulties. I need it set up so when the width of the screen is above 768px, a div containing logo appears as the first element, and then a div containing the navigation menu as the next element.
However, on any screen 768px wide or less, the menu should sit above the logo. So I'm trying to determine the best practice for changing the order of the divs based on the size of the screen receiving the page. My best solution so far is to make two versions any div that needs to be reordered and have either one version of the div or the other set to display: none depending on the size of the screen. I basically works, but it is a mess having doubles of div all over the html. I'm wondering if there is a better way, maybe through positioning, so that divs do not need to be replicated to be reordered. Thanks in advance for any help! - Matthew ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
