javascript - Different responsive layout handling -

-

i have problem responsive layout of site working on.

senario: site has 3 different layouts desktop, tablet , mobile. have pretty same components (with css adjustments) can handled media query. requirement of client site has responsive , should adjust on resize of browser.

problem: problem divs shift places in different layouts. let's div1 has subdiv1, subdiv2 nad subdiv3. in cases other div div2 have subdivs , subdiv2 of div1 has show between subdivs of div2. layouts' component positions differ on parent levels , that's causing lot of problem reguarding how handle it.

solutions considering:

  1. create different themes based on user events: solution not viable because themes not responsive or if responsive not take layout approved clients.
  2. use jquery shifts components different parents on load , resize: might slow down our site , might have other problems.
  3. hide show different instances of same component css: solution pretty sounds bad.

is there other solution overlooking, better approach this? among of these approaches wondering 1 best solution?

we considering many factors such performance, seo, load time etc.

i confused , appreciate suggestion.

i suggest dreameweaver cs6 fluid grid layout kind of issue. great live editing , previews of different layout mode. http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more