By specialt on

Hi, I'm really new to drupal and I'm trying to edit the style.css to make the margins of the theme 'friendselectric' bigger like myspace.com to work at 800*600 resolution. Can any advise me how to do this, as I've edited some things like padding, but this causes the vertical position to change and also the right hand menu is messed up and other stuff. If possible, would a clever person be able to edit the theme's files quickly to give it the margins and then send it to me. I's be most grateful.

Thanks

⋅ Categories: Drupal 4.7.x

Comments

puti’s picture

puti commented

I'm working on a centered fixed-width layout at the moment, and I found this tutorial helpful:
http://www.maxdesign.com.au/presentation/center/

Also, look at myspace.com's source html and css to find out how they did it. It looks like they use a div with width:800px, and left and right margins are auto.

mdroste’s picture

mdroste commented

Try this:

<div id="wrapper">
  <div id="header"></div>
  <div id="content></div>
  <div id="sidebar-right></div>
  <div id="footer"></div>
</div>

CSS:

  #wrapper{
    width:800px;
    margins:0 auto;
  }
  
  #content {
    width:600px;
    float:left;
  }

  #sidebar-right{
    width:200px;
    float:right;
  }

  #footer {
    clear:both;
  }

Hope this helps.

Meinolf Droste
--
http://drupal.mdwp.de
http://mdwp.de
http://go-with-us.de

--
mdwp*