| |
|
|
| | привет всем !
страница : шапка +левая колонка+центральный блок+правая колонка .
подскажите как сделать что-бы левая , правая , и центральная колонки были одинаковой высоты ?
и как убрать отступ между шапкой и нижними блоками ?
body {
margin:2em;
padding:0;
background: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
a {
color:#cc0000;
text-decoration:underline;
}
a:hover {
color:#000000;
text-decoration:none;
}
blockquote {
margin:2em;
padding:1.9em;
font-weight: bold;
font-size: 12px;
color: white;
background-color:#000000;
border-top:4px solid #FEED91;
border-bottom:4px solid #FEED91;
}
blockquote p {
margin:.1em;
}
#header {
margin: 0 0 0.2em 0;
padding: 1em 1.5em;
height:8em;
/* CHANGED */
background: #343434 url('header.jpg') no-repeat top left ;
border:0px solid ##2D5289;;
}
#header h1 {
margin:0;
padding:0;
font-size:24px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
#header h3 {
margin:0;
padding:0;
font-size:18px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
#header a {
text-decoration:underline;
}
#leftColumn {
float: left;
width:16em;
margin: 0;
padding: 1em .5em 2em .5em;
background:#000000;
/*border:1px solid #eeeeee;*/
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: #000000;
}
#leftColumn h2 {
margin:0 0 0;
padding:0;
font-size:12px;
color: #BC7908;
letter-spacing:.1em;
}
#centerColumn {
margin: 0 15.4em;
padding: 1em .5em 2em .5em;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
background-color: #000;
}
/* Fix IE and Opera 5 */
* html #centerColumn {
float: left;
margin-left: 0.2em;
margin-right: 0.2em;
}
#centerColumn h2 {
margin:0;
padding:0;
font-size:1em;
color: #BC7908;
letter-spacing:.1em;
}
#centerColumn h3 {
margin:0;
padding:0;
font-size: 12px;
color: #000;
text-align: center;
letter-spacing:.1em;
}
#rightColumn {
float: right;
width:16em;
margin:0;
padding:1em .5em 2em .5em;
background:#000000;
border:0px solid #eeeeee;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: #000000;
}
#rightColumn h2 {
margin:0 0 0;
padding:0;
font-size:12px;
color: #BC7908;
letter-spacing:.1em;
}
/* CHANGED */
#wrapper {
overflow: hidden;
}
|
| |
| |
|
|
| |
|
|
| |
для: dod
(24.04.2008 в 13:56)
| | | Что , неужели никто нешарит в цсс , просто в моем случае верстка таблицей невозможна , а-то я-б немучался . | |
| |
|
|
| |
|
|
| |
для: dod
(25.04.2008 в 07:04)
| | | Скинь код таблицы, посмотрим как сверстать | |
| |
|
|
| |
|
|
| |
для: ONYX
(25.04.2008 в 07:38)
| | | Я-ж говорю , таблицей неполучится , я пробовал , просто я закругляю углы у колонок стилями , и при табличной верстке страница смотрится не так как хотелось-бы . я так думаю что нужно как-то вложить все эти дивы в один див и задать тем высоту по отношении к основному диву 100 процентов ,тем самым у нас размер всех колонок будет согласно размеру наибольшей колонки . но как это реализовать ? я незнаю ! | |
| |
|
|
| |
|
|
| |
для: dod
(25.04.2008 в 08:15)
| | | Что, неужели никто незнает ?
может ява скриптом растянуть ? | |
| |
|
|
