VPF::Позиционирование - Форум программистов

lapulya9

Дата 26.7.2010, 15:59 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 14
Регистрация: 7.7.2010

Репутация: нет
Всего: нет

Подскажите как два дива выстроить в одну линию.

Код


<div id="footer">
    <div id="copy">The Avalon Association Management Group, Inc.: Copyright 2010 &nbsp;&nbsp;&nbsp;    All rights reserved </div>
    <div id="fmenu">
        <ul>
            <li><a href="/">Terms of Use</a></li>
            <li><a href="/"> Privacy Policy</a></li>
            <li><img src="img/key.png"> &nbsp;<a href="/"> Login</a></li>
        </ul>
    </div>
    </div><!-- #footer -->

Один под другим становятся.
вот css:

Код


#copy{
    margin-left:50px;
    padding-top:25px;
}

#fmenu li{
    list-style: none;
    float: left;
    margin-right:13px;
    padding-left:15px;
}
#fmenu a{
    font-family:Tahoma, Times, serif;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

ksnk

Дата 26.7.2010, 16:11 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Их надо позиционировать... и указывать ширину.

К примеру абсолютно

Код


#footer {position:relative; height: 100px ; overflow:hidden;}
#copy {position:absolute; top:5px ; left:20px;}
#fmenu{position:absolute; top:5px ; right:20px;}

или плавающе:

Код


#copy {float:left; width:40%;}
#fmenu{width:40%px;}

Первый случай, не смотря на бОльший страх, представляется мне более управляемым? хотя на вкус и цвет...

Можно, конечно, таблицу вставить, но это уже не спортивно smile

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »