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

Вот :


Спасибо.
# Ср Окт 15, 2008 7:12 pmkuindzi Зарег.: 04.12.2005 ; Сообщ.: 62Ответить с цитатой
Отвечаю быстро и кратко:
Для DIV1 установи свойство float со значением left. Не забудь задать width!
Если ты ничего не понял, прочти вот это:
http://www.htmlbook.ru/css/float.html
и это:
http://designformasters.info/posts/css-float-theory-and-practice/
Удачи!
# Ср Окт 15, 2008 11:27 pmGFox Зарег.: 14.10.2007 ; Сообщ.: 232Ответить с цитатой
Спасибо. Всё прекрасно понял. :thup:
# Ср Окт 15, 2008 11:37 pmGFox Зарег.: 14.10.2007 ; Сообщ.: 232Ответить с цитатой
Блин..написал , прежде чем попробовал Smile Вообщем если DIV 2 ставить float left , то ничего не происходит. Если float right , то DIV 2 уходит к правому краю страницы...
# Чт Окт 16, 2008 12:06 amkuindzi Зарег.: 04.12.2005 ; Сообщ.: 62Ответить с цитатой
Плавающим надо делать верхний блог(div1). Тогда нижний(div2) будет его оптекать.
# Чт Окт 16, 2008 12:30 amGFox Зарег.: 14.10.2007 ; Сообщ.: 232Ответить с цитатой
Работает!Спасибо большое. Drinks or Beer (Но глючит в IE Sad )
# Чт Окт 16, 2008 12:33 amerobrand Зарег.: 26.08.2008 ; Сообщ.: 178Ответить с цитатой
2 пути:

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

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

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

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

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

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

Код:

<!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>

Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ
 
Любое использование материалов, размещенных на ArmadaBoard.com, без разрешения владельцев ArmadaBoard.com запрещено.