АРМАДА
Помогите с DIV'ами...
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

GFox
Опытный
Зарегистрирован: 14.10.2007
Сообщений: 232
Обратиться по нику
# Добавлено:Ср Окт 15, 2008 4:54 pmДобавить в избранноеОтветить с цитатой
Всем хэй.
Вообщем , я уже запарился с дивами... Mad т.к я не верстальщик , вообщем вот скрин как сделать то что там изображено? А именно , как ставить див сбоку?

Вот :


Спасибо.

kuindzi
Свой
Зарегистрирован: 04.12.2005
Сообщений: 62
Обратиться по нику
# Добавлено:Ср Окт 15, 2008 7:12 pmОтветить с цитатой
Отвечаю быстро и кратко:
Для DIV1 установи свойство float со значением left. Не забудь задать width!
Если ты ничего не понял, прочти вот это:
http://www.htmlbook.ru/css/float.html
и это:
http://designformasters.info/posts/css-float-theory-and-practice/
Удачи!

GFox
Опытный
Зарегистрирован: 14.10.2007
Сообщений: 232
Обратиться по нику
# Добавлено:Ср Окт 15, 2008 11:27 pmОтветить с цитатой
Спасибо. Всё прекрасно понял. :thup:

GFox
Опытный
Зарегистрирован: 14.10.2007
Сообщений: 232
Обратиться по нику
# Добавлено:Ср Окт 15, 2008 11:37 pmОтветить с цитатой
Блин..написал , прежде чем попробовал Smile Вообщем если DIV 2 ставить float left , то ничего не происходит. Если float right , то DIV 2 уходит к правому краю страницы...

kuindzi
Свой
Зарегистрирован: 04.12.2005
Сообщений: 62
Обратиться по нику
# Добавлено:Чт Окт 16, 2008 12:06 amОтветить с цитатой
Плавающим надо делать верхний блог(div1). Тогда нижний(div2) будет его оптекать.

GFox
Опытный
Зарегистрирован: 14.10.2007
Сообщений: 232
Обратиться по нику
# Добавлено:Чт Окт 16, 2008 12:30 amОтветить с цитатой
Работает!Спасибо большое. Drinks or Beer (Но глючит в IE Sad )

erobrand
Опытный
Зарегистрирован: 26.08.2008
Сообщений: 178
Обратиться по нику
# Добавлено:Чт Окт 16, 2008 12:33 amОтветить с цитатой
2 пути:

1) флоат лефт первому

второй обтекать будет

2) второму диву флоат райт - и в хтмл ставить его первым

В обоих случая суммарная ширина блоков должна быть менее либо равна ширине родительского элемента..

/ну а ещё есть пути через позиционирование, но это уже другая песня.

зы. не успел(
Adult Концепт Дизайн
Проверенный Хостинг!

kuindzi
Свой
Зарегистрирован: 04.12.2005
Сообщений: 62
Обратиться по нику
# Добавлено:Чт Окт 16, 2008 12:40 amОтветить с цитатой
как глючит в ие?

kuindzi
Свой
Зарегистрирован: 04.12.2005
Сообщений: 62
Обратиться по нику
# Добавлено:Чт Окт 16, 2008 12:45 amОтветить с цитатой
А я понял с чем ты сталкнулся.
Делай так:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">

<!--
body {
          font-size : 20px;
         
}
.div1 {
         float : left;
          width : 200px;
         
          margin-right : 20px;
          background: Aqua;
          display : inline;
         
}
.div2 {
          width : 200px;
         
          display : table;/************* !!!!! */
          background: Orange;
}
-->
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
</div>
</body>
</html>

Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры