X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> div позиция
to0n1
to0n1
Topic Starter сообщение 20.11.2010, 1:32; Ответить: to0n1
Сообщение #1


Ребят помогите чтото я туплю )))

вобщем есть шаблон, основной контент разбит на 3 колонки по вертикали.
левая отдельный div, 2 остальных колонки тобиш 2 div'a еще в одном блоке...
центральная колонка имеет высоту автоматическую в зависимости от содержания а правая колонка у меня float right как ее подтянуть вверх до уровня центральной т.е под шапку ??? маргины тут использовать не получиться так как не извесна высота колонки по центру ... вроде правильно обьяснил ;)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
to0n1
to0n1
Topic Starter сообщение 20.11.2010, 1:37; Ответить: to0n1
Сообщение #2


сорри то точно я туплю ... разобрался: центральной колонке сделал флоат лефт а правую подвинул маргином на ширину центральной )) поправьте если это не правильный способ !! )))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
сообщение 20.11.2010, 1:47; Ответить: Semenovich
Сообщение #3


(to0n1 @ 20.11.2010, 03:37) *
сорри то точно я туплю ... разобрался: центральной колонке сделал флоат лефт а правую подвинул маргином на ширину центральной )) поправьте если это не правильный способ !! )))

напиши коды хочу глянуть как ты это сделал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
to0n1
to0n1
Topic Starter сообщение 20.11.2010, 2:11; Ответить: to0n1
Сообщение #4


HTML
<div class="navmenu">
<ul>
<li>Главная</li>
<li>Новости</li>
<li>Статьи</li>
<li>Форум</li>
<li>Статистика</li>
<li>Контакты</li>
<li>Ссылки</li>
</ul>
</div><!--menu-->
<div class="content">
<div class="newsbox">
news
</div><!--novosti-->
<div class="sidebar">
side
</div><!--parvii sidebar-->
</div><!--content-->


css:

.navmenu{
width:250px;
height:420px;
float:left;
}
.navmenu ul{
list-style:none;
margin:0;
padding:0;
}
.navmenu li{
width:223px;
height:36px;
background-image:url(../images/knopka.gif);
margin:20px 20px;
}
.navmenu li:hover{
background-image:url(../images/knopkan.gif);
}

.content{
width:950px;
height:auto;
margin-left:250px;
}
.newsbox{
border: 1px solid #000;
width:750px;
height:auto;
float:left;
}
.sidebar{
border: 1px solid #000;
width:195px;
height:auto;
position:relative;
margin-left:752px;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
to0n1
to0n1
Topic Starter сообщение 20.11.2010, 11:53; Ответить: to0n1
Сообщение #5


Нашел еще 1 вариант...

более правильный походу !

сайдбару даем флоат райт
и в хтмле прописываем сайдбар раньше чем центральную колонку
<div class="content">
<div class="sidebar">
</div><!--parvii sidebar-->
<div class="newsbox">
</div><!--novosti-->
</div><!--content-->

.content{
width:950px;
height:auto;
margin-left:250px;
}
.newsbox{
border: 1px solid #000;
width:750px;
height:auto;

}
.sidebar{
border: 1px solid #000;
width:195px;
height:auto;
position:relative;
float:right;
}



если комуто помог жмем спасибо ))

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1594 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6930 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 4015 10.1.2016, 10:18
автор: -Aalena-
Открытая тема (нет новых ответов) Фоны в в div'ах расходятся при сужении экрана
1 Balalaaika1 5633 2.6.2015, 19:35
автор: -Degradator-


 



RSS Текстовая версия Сейчас: 20.4.2024, 2:33
Дизайн