Форум Сайтостроение Веб-строительство

Пару вопросов по css (960 Грид)

M
На сайте с 20.08.2004
Offline
376
Miracle
858

Подскажите как сделать так что бы

- все было растянуто по высоте на весь экран

- что бы колонка 11 и 1222 были на всю длинну по высоте

и можно ли как-то в grid 960 уменьшить расстояние между блоками?

- что бы с боков небыло отступов не нужных , например в футере (желтый блок).

спасиб

<!DOCTYPE html>
<html>
  <head>
    <title>Шаблон</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/text.css">
	<link rel="stylesheet" type="text/css" href="css/960_12_col.css">
	<link rel="stylesheet" type="text/css" href="css/style22.css">	
  </head>
  <body>
<style>
body {}
.container_12{
  background: url(../img/12_col.gif) top left repeat;
  background-color: hsla(10,100%,50%,.4);

}

header{
  background-color: hsla(120,100%,50%,.4);
}

.leftSideBar, .rightSideBar, main{
  margin-bottom: 10px;
}

.leftSideBar{
  background-color: hsla(240,100%,50%,.5);
  
}

main{
  background-color: hsla(180,100%,50%,.4);
}

.rightSideBar{
  background-color: hsla(300,100%,50%,.3);
}

footer{
  background-color: hsla(60,100%,50%,.7);
  min-height: 50px;
}
</style>
<div class="container_12">

<!-- header -->
  <aside class="grid_3 leftSideBar">11</aside>
  <header class="grid_9">
  <!-- topmenu -->
  <aside class="grid_9 alpha omega leftSideBar">1211</aside>
  <!-- content -->
  <aside class="grid_6 alpha leftSideBar">1221<br><br><br><br><br><br><br><br><br><br><br><br><br><br>1<br><br><br></aside>
  <!-- rmenu -->
  <aside class="grid_3 omega leftSideBar">1222</aside>
  </header>



<!-- footer -->
  <footer class="grid_12"></footer>

</div><!-- end container -->
  </body>
</html>
отец сыночка, лапочки дочки и еще одного сыночка
four_rings
На сайте с 21.05.2011
Offline
60
four_rings
#1

Сейчас скину вам в личку пример своей работы, может найдете там свой ответ.

Качественная верстка, натяжка на WordPress (/ru/forum/912018)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий