веб-мастеру блог веб-мастера Статьи Веб-Мастера SEO Tools книги веб-мастеру
IPB

Здравствуйте, гость ( Вход | Регистрация )

 
 Ответить в эту темуОткрыть новую тему
> Проблема с блоками контента, Проблема с блокоми контента, помогите.
Максим
сообщение 18.2.2008, 23:28
Сообщение #1


Прохожий
*

Группа: Пользователи
Сообщений: 1
Регистрация: 18.2.2008
Пользователь №: 608
Помогите пожалуйста, не могу добится того чтобы блок cont и cont2 при разных разрешениях, съезжались и разъезжались, блок cont2 должен все время быть с права, а блок cont должен разъезжатся и съезжатся до границ текста. У меня ни как не выходит.



Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Байки из склепа</title>
<style type="text/css">
body {
background-color:#89D0EE;
font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */
margin: 0px; /* Отступы для браузера IE */
padding: 0px; /* Отступы для браузера Firefox */
}
h1 {
font-size: 36px; /* Размер шрифта */
font-weight: bold; /* Жирное начертание */
margin: 0px; /* Убираем отступы */
color: #fc6; /* Цвет текста */
}
h2 {
margin-top: 0px; /* Убираем отступ сверху */
}
#head { background-image:url(http://mediamos.ru/site/img/shapka112.jpg);height:285px;

}
.fon {height:285px; background:url(http://mediamos.ru/site/img/shapka1.jpg); background-repeat:no-repeat;}
.menu{
    margin:293px 0px 0 0px;
    position:absolute;
    top:-144px;
    left:3px;
    display:block;
    height: 600px;
    width: 160px;
    background-repeat: no-repeat;
    background-image: url(http://mediamos.ru/site/img/fonlev.jpg);
        }
#menu div {
padding: 2px; /* Поля вокруг ссылок */
}
#menu a {
display: block; /* Отображать ссылку как блок */
width: 190px; /* Ширина ссылки для браузера IE */
padding: 2px; /* Поля вокруг ссылок */
margin: 1px; /* Отступы вокруг */
font-size: 90%; /* Размер текста */
text-decoration: none; /* Убираем подчеркивание текста */
}
#menu a:hover {
background: #faf3d2; /* Цвет фона */
border: 1px dashed #634f36; /* Добавление пунктирной рамки */
margin: 0px; /* Убираем поля */
}
        .cont { width:625px; height: 389px; background-image:url(http://mediamos.ru/site/img/cont.jpg); float:left;}
        .cont2 {
    width:200px;
    height:389px;
    background-image:url(http://mediamos.ru/site/img/cont2.jpg);
    float: right;
}
          .textz { margin-left:20px; margin-top:18px;}
          .textz2 {margin-left:20px; margin-top:18px;}
        #owercont {
    width:81%;
    height:390px;
    margin-left:160px;
}
#line {
border-bottom: 1px groove #333; /* Линия между ссылками */
}
#foot { /* Нижний блок */
    background: #333; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    color: #fff; /* Цвет текста */
    clear: both;
}
</style>
</head>
<body>

<div id="head"><div class="fon"><div class="menu"></div>
</div></div>
<div id="owercont">
<div class="cont">

<div class="textz">Главная</div>
<div class="textz2">
  <p>Компания Media House Group <br />
    создана для того, чтобы обеспечить отечественного потребителя лучшим из того, <br />
    что может предложить рынок. </p>
  <p>Мы предоставляем широкий спектр услуг по следующим направлениям:<br />
    •    Проектирование и инсталляция сложных медиасистем и домашних <br />
    кинотеатров класса High End;<br />
    •    Установка системы multiroom;<br />
    •    Разработка различных систем управления (Умный Дом)<br />
    •    Проектирование и инсталляция как проводной (Lan), так и беспроводной <br />
    (Wi-Fi) сети;<br />
    •    Установка систем видеонаблюдения;<br />
    •    Изготовление эксклюзивных моделей компьютеров;</p>
</div>

</div>
<div class="cont2"><div class="textz">Бренды</div></div>
</div>
<div id="foot"></div>
</body>
</html>
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
total
сообщение 27.2.2008, 20:20
Сообщение #2


Новичок
**

Группа: Пользователи
Сообщений: 7
Регистрация: 27.2.2008
Пользователь №: 637
Так как у Вас размеры заданы жестко для блоков cont и cont2 то можно попробовать выполнить абсолютное позиционирование этих блоков.


--------------------
Все для создания сайтов
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
« Предыдущая тема · Языки разметки (HTML, XML, CSS, ...) и JavaScript · Следующая тема »
 

Быстрый ответОтветить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

- Текстовая версия Сейчас: 12.5.2008, 17:57
^ ВВЕРХ ^
Русская версия Invision Power Board v2.1.7 © 2008  IPS, Inc.
Посетите наши проекты:
защита web сайта
whois доменов