[SOLVED] CSSMenu top + 2 columns to 1 columns center?

[kallemac]

Hi! I have now found a template that i like and want to build my website on. I have figured some things out how to change color and other stuff. But if i want to change the template to 1 columns instead of 2 how do i do that?

/ kalle

[Dr.CSS]

Remove the sidebar div from the template and change these in the CSS...

Change these...
div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 2%; /* and some air on the right */
}

Can be removed or?...
div#sidebar {
  float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 26%;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */
  margin-left: 0;
}

[kallemac]

thank you it worked fine!!!

and a last question how do i increase the template on the height, i have tried but i cant find the right place for do the changes.

[Dr.CSS]

Add more content...

[kallemac]

thats one way 
What i feel annoying when i visitng sites are that some sites are "jumping" around when clicking on links.
What happens when it´s a lot of text on one page the Scrollbar of the browser is showing and it feels that the page are making a little jumping.

[Dr.CSS]

That sounds like the Firefox scrollbar thing where if the page isn't long enuf to use one it doesn't show so the browser window is that much wider, if a scroll bar is needed the window moves in making it look like it's jumping...

IE keeps the scroll bar at all times so it doesn't look like it's jumping...

I have done some templates where it had a minimum height by using a div floated left 0px height set, that way you get at least a certain height and if content gets longer than the set height it will grow...

[kallemac]

after changing codes i have found the solution just put the code height: 1080em; in the body. That forces the scrollbar to be shown always, perfect for the jumping problems in Safari and Firefox,

/*****************
basic layout
*****************/
body {
height: 1080em;   
background-color: #B7B789;
   color: #333;
   margin:1em; /* gives some air for the pagewrapper */

[KO]

html {overflow-y:scroll}

creates scrollbar to Firefox so page does not jump around. handlebar comes only when there is something to actually scroll.