Проблема с блоком

WhiteNight · December 17, 2010

Не могу понять почему блок text_mark не липнет к правому краю родительского блока.

Вообще хочу его распложить ниже navigation, но по правому краю.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
	<meta name="author" content="WhiteNight" />

	<title>Неназванный 2</title>
<style>
    .one {
        height: 400px;
        width: 800px;
        border: 1px solid blue;
    }
#search {
    text-align: right;
    padding: 5px;
    float: right;
    padding-right: 10px;

}
#search input {
    border-bottom: 1px dotted gray;
    padding: 2px 3px;
    color: gray;
}
#navigation {
    float: left;
    margin: 32px 20px;

}
#navigation a {
    font-size: 12px;
}
#text_mark {
    position: relative;
    top: 64px;
    right: 0;
    float: right;
    font-family: Verdana;
    font-size: 12px;
    color: #7e7e7e;
}   

</style>
</head>

<body>

<div class="one">
            <div id="search"><form action="#"><input type="text" value="  Поиск..."/></form></div>
            <div id="navigation"><a href="#">Главное</a>-><a href="#">Об авто</a>-><a href="#">Отзывы</a></div>
            <div id="text_mark">Еще текст</div>

</div>

</body>
</html>

Vlad · December 17, 2010

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

#text_mark {

clear: both;

text-align: right;

font-family: Verdana;

font-size: 12px;

color: #7e7e7e;

}

WhiteNight · December 17, 2010

Много лишнего потому что это кусок кода.

сlear: both не получается использовать, иначе text_mark оказывается _под_ большим блоком.

Вообще полная версия тут: http://mmcpajero.ru/new/3.htm

rus · December 17, 2010

классу obert - position:relative; а классу text_mark - position:absolute; top:...; right:0;

Edited December 17, 2010 by rus

Sign In

Проблема с блоком

Question

WhiteNight

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

WhiteNight

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information