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



 

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

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

Открыть тему
Тема закрыта
> Расположение блоков(2 по горизонтали, 1 под ними)
BoL4oNoK
BoL4oNoK
Topic Starter сообщение 12.1.2011, 15:54; Ответить: BoL4oNoK
Сообщение #1


Здравствуйте, помогите разобраться. Вот код:
[CSS]
div.body {
margin: 0px;
padding: 0px;
position: relative;
width: 100%;
height: auto;
}
div.news {
float: left;
border: double;
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
font-style: italic;
width: 200px;
height: auto;
position: absolute;
}

div.content {

font-family: "Times New Roman", Times, serif;
font-size: 14pt;
text-align: left;
/* left: 220px;*/

width: 500px;
height: auto;
overflow: hidden;
}

div.footer {
position: relative;
background-color: silver;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
text-align: center;
border-top: outset;
height: auto;
margin: 0px;
}
[/CSS]

на странице использую так:
<div class="body">
<div class="news">
новости
</div>

<div class="content">
Тело сайта
</div>
</div>

<div class="footer">
&copy; <a href="">BoL4oNoK Library</a>, <a href="">Maxim Antonov</a><br>
</div>


При таком коде блок footer оказывается сразу после блока content, независимо от высоты блока news
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 12.1.2011, 15:57; Ответить: alexdrob
Сообщение #2


футеру пропишите попробуйте clear:both
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BoL4oNoK
BoL4oNoK
Topic Starter сообщение 12.1.2011, 16:00; Ответить: BoL4oNoK
Сообщение #3


Спасибо. Помогло!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BoL4oNoK
BoL4oNoK
Topic Starter сообщение 13.1.2011, 13:01; Ответить: BoL4oNoK
Сообщение #4


Снова таже проблема. Код CSS:
[CSS]
div.body {
margin: 0px;
padding: 0px;
position: relative;
height: auto;
width: 100%;
}

div.news {
float: left;
border: double;
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
width: 200px;
height: auto;
position: absolute;
}


div.content {
float: left;
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
text-align: left;
left: 210px;
/* width: 100%;*/
height: auto;
}

div.footer {
position: relative;
clear: both;
background-color: silver;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: center;
border-top: outset;
height: auto;
margin: 0px;
}
[/CSS]

Либо FOOTER идет сразу после CONTENT, игнорируя блок NEWS, либо текст в блоке CONTENT перескакивает и продолжается под блоком NEWS/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 13.1.2011, 15:01; Ответить: Malganus
Сообщение #5


Попробуйте в стилях убрать все position
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BoL4oNoK
BoL4oNoK
Topic Starter сообщение 13.1.2011, 16:51; Ответить: BoL4oNoK
Сообщение #6


Спасибо. Теперь всплыло вот это: скрин
CSS:
[CSS]
.body {
margin: 0px;
padding: 0px;
position: relative;
height: auto;
}

.news {
float: left;
border: double;
text-align: center;
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
width: 200px;
height: auto;
}


.content {
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
text-align: left;
left: 210px;
height: auto;
}
[/CSS]

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
18 Needmylink1 6541 25.3.2024, 20:51
автор: Needmylink1
Горячая тема (нет новых ответов) Hyper.hosting - сервера под любые задачи [разрешены dmca, гэмблинг, адалт и пр.]
Лучшие сервера по доступной цене
30 Hyper_Hosting 8592 22.3.2024, 15:34
автор: Hyper_Hosting
Открытая тема (нет новых ответов) 📌 Telegram Prime - софт для автоматизации telegram разработанный специально под задачи бизнеса
🏆 Единственный комбайн для популяризации вашей компании в теле
14 leviathan 3271 21.3.2024, 18:54
автор: leviathan
Открытая тема (нет новых ответов) HideHost.net - Виртуальные и выделенные сервера под любые Ваши проекты с индивидуальным подходом.
Работаем уже более 12 лет
6 HIDEHOST 2310 21.3.2024, 13:33
автор: Tihohodka
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыSEO-продвижение USA, Europe, Asia под ключ | Dating, Gambling, Essay и 10+ ниш
1 Needmylink1 661 17.3.2024, 12:58
автор: Needmylink1


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:01
Дизайн