Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   css float (http://forum.oszone.net/showthread.php?t=70252)

E-mail 23-08-2006 20:17 476071

css float
 
если я пишу:

<div style=float:left>
1
</div>
<div>
2
</div>

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

вопрос, как разрешить облегание вторым слоемем первого только по правому краю и запретить облегать по нижнему краю, своего рода nowrap..

VeshchiyOleg 23-08-2006 22:25 476117

вопрос, а зачем???
гораздо проще сделать это (если нужно именно это) посредством таблицы

strejiok 23-08-2006 23:32 476156

хм.. если фиксирована высота, положить эти два дива в третий..

E-mail 24-08-2006 06:14 476199

VeshchiyOleg ага в этом то и юмор, найти легкий путь - умеют все;)

strejiok это ничего не меняет, при уменьшении окна, второй слой прыгает под первый..

Vlad Drakula 24-08-2006 10:27 476262

E-mail
или верстка на абсолюте или таблица...
или у Артемия Лебедева гдето была об этом статья.

E-mail 24-08-2006 19:52 476514

Vlad Drakula хм, на обсолюте, а можно пример, если он выполнит все мои требования это будет интересно и я буду багадарен:)

CTEPBA 27-08-2006 00:48 477200

У меня тоже много проблем с этими DIV особенно в разных блаузерах, у меня такоей вопрос:
Когда в DIV вставляешь картинк и делаешь граници блока другого цвета, то картинка выходит за граници блока, а он заканчиваеться как только заканчиваеться текст и подводит черту раници(border). Как сделать чтобы он захватывал и картинку тоже??

Prisoner 28-08-2006 02:07 477502

CTEPBA, Вам сюда, имхо.

E-mail 29-08-2006 02:20 477829

CTEPBA
возможно, размер дива указан жестко и меньше размера картинки?
давайте код..

CTEPBA 29-08-2006 23:44 478280

код очень прост, у меня блок с классом :.
Код:

.view
        {padding:10px;
        text-align:justify;}

и всё, потом в блок ставишь картинку и толку 0

E-mail 30-08-2006 13:19 478497

Цитата:

вставляешь картинк и делаешь граници блока другого цвета
код

CTEPBA 30-08-2006 14:03 478535

Так вот это в HTML документе:
Код:

          <div class="home">
                <div class="shapka" style="background-image:url(../img/new_shapka.gif); background-repeat:repeat-x;">
                        <div class="news_name"><b>New1</b></div>
                        <div class="news_date"><b>DATE</b></div>
                </div>
                <div class="view">
                <img src="../img/book/1144095776_DProf000.jpg" align="left" style="padding-right:10px; padding-bottom:10px" />Здесь текст
                </div>
        </div>

Вот что в CSS:
Код:

.home
        {border-left:1px #FFFFFF solid;
        border-right:1px #FFFFFF solid;
        border-bottom:1px #FFFFFF solid;
        margin-bottom:30px;
        padding:0px;
        clear:right;}

.shapka
        {height:20px;
        color:#000000;
        font-style:inherit;
        margin-left:0px;}

.view
        {padding:10px;
        text-align:justify;}

Вот все что нужно.
Гнаницей блока с классом home ограничивается только текст, а если картинка больше текста она выступает.


Время: 18:00.

Время: 18:00.
© OSzone.net 2001-