I want my page so the divs don't move around on browser window resize

217
July 16, 2017, at 3:23 PM

My page is http://celldivine.000webhostapp.com/ , don't kill me for the free domain. So anyway, whenever I use a different to visit the site the site becomes deformed and everything moves around. I want to make it not so that all the divs resize, but so that they stay exactly the same, and users with a smaller resolution can just side scroll to see it. I know you can probably do this in your sleep. Thanks.

Answer 1

I suggest you may use twitter bootstrap Grid System to create a responsive site http://getbootstrap.com/ for more details http://getbootstrap.com/2.3.2/scaffolding.html and https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-responsive-layout.php

Answer 2

Add this to CSS (but change the width value to what you want:

.wrapper {
    width: 1500px;
}

Then add

<div class="wrapper"> 

after the

<a href="index.html">

and

</div>

before the

</html>
Rent Charter Buses Company
READ ALSO
Alignment of top right &amp; main menu when page expands

Alignment of top right & main menu when page expands

The alignment of the top right & main menu is correct when the page is at 1366px but when page expands beyond that it moves the menus out of alignmentI changed the html div and css to get this far and I'm not sure how to do it correctly and would really...

222
I am having a difficult time putting my sidebar next to my google maps - gmaps4rails

I am having a difficult time putting my sidebar next to my google maps - gmaps4rails

I am trying to put my sidebar with search results next to my google map(I am using gmaps4rails)I got them side by side but the problem is the sidebar does not extend the length of the map see image SideBar with google Map

243
Responsive Navigation in HTML/CSS using Foundation framework

Responsive Navigation in HTML/CSS using Foundation framework

I am trying to replicate the following codepen navigation bar although I have a simple logo on the left and two links on the rightThe framework used is Zurb Foundation: https://codepen

239