Вопрос верстальщикам

248

sergey885

8 января 2012, 12:02

580

А возможно ли сделать нечто подобное как на картинке, но чтобы зеленый див не находился внутри синего.

Т.е. не было <div>text text text ... <div>another text another text ... another text</div> text text text </div>

а было бы <div>text text text... text</div><div>another text another text another text...</div>

интернет-маркетинг. стратегии развития веб-проектов.

569

Dreammaker

8 января 2012, 12:05

#1

float:right для зелёного по идее.

675

vandamme

8 января 2012, 14:39

#2

тогда обтекать так как на скрине не будет Dreammaker

---------- Добавлено в 16:39 ---------- Предыдущее сообщение было в 16:36 ----------

можно так сделать если только знать фиксированные размеры зеленого и position использовать

569

Dreammaker

8 января 2012, 15:22

#3

vandamme:
огда обтекать так как на скрине не будет

Ну нужно только дивы местами поменять. У меня вот так обтекает.

<html>

<body>

<div style="float:right; background-color:green">another text another text another text...</div><div>text text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... texttext text text... text</div></body>

</html>

160

maldivec

8 января 2012, 15:32

#4

vandamme:
тогда обтекать так как на скрине не будет

Почему это? Это ж флоат, а не абсолютное позиционирование, будет обтекать.

А вот если, как вы говорите, использовать position - то обтекать как раз не будет, а будет накладываться :)

N9

11

nautilus99

8 января 2012, 15:36

#5

vandamme:
тогда обтекать так как на скрине не будет Dreammaker

А почему не будет?

Тока что проверил, все работает: ТЫНЦ

Пока с файлами возился - уже опередили)

675

vandamme

8 января 2012, 15:52

#6

ну да, забыл

G

50

galaystra

9 января 2012, 03:50

#7

Либо заключить зеленый текст в тег <aside></aside> и обработать его в CSS, как вариант!

V

103

vantala

9 января 2012, 06:10

#8

живой пример такого обтекания: http://haiku3.ru

.

Что такое Power BI и зачем это нужно бизнесу

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах