Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Позиционирование

Автор: lapulya9 26.7.2010, 15:59

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

Код


<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

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

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

Код


#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