Jump to content
  • 0

Есть пустой див с бэкграундом высотой в 141px


fireXXX
 Share

Question

см. сабж

но не использовать маргин или паддинг

есть ли способ просто спозиционировать внутренний див в левый нижний угол родительского дива?

конкретно - я делаю шапку с меню и вставляю в него кнопки

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0
см. сабж

но не использовать маргин или паддинг

есть ли способ просто спозиционировать внутренний див в левый нижний угол родительского дива?

конкретно - я делаю шапку с меню и вставляю в него кнопки

float:left;align:baseline; но я точно незнаю.попробуй

Link to comment
Share on other sites

  • 0

align:baseline

такого тега нет вроде как, попробовал вертикал-алигн, не помогло тоже, просто каждый браузер по своему просчитывает все эти паддинги, хотелось бы уметь как-то по другому позиционировать, щас поставил маргин-топ ;)

Link to comment
Share on other sites

  • 0
align:baseline

такого тега нет вроде как, попробовал вертикал-алигн, не помогло тоже, просто каждый браузер по своему просчитывает все эти паддинги, хотелось бы уметь как-то по другому позиционировать, щас поставил маргин-топ ;)

попробуй просто baseline:20px;например.а есть скрин того шты ты хочеш сделать там?просто если там имеется што то ище в этом div можно с помошью него зашимить этот в угол)

Edited by Энди
Link to comment
Share on other sites

  • 0
Ну на скоко я понял целью было сделать это без left, и т.д.)или я нетак понял.

Объясни тада, что ты хочешь и давай скриншот дива и той хрени, которая должна быть внутри.

Link to comment
Share on other sites

  • 0
Объясни тада, что ты хочешь и давай скриншот дива и той хрени, которая должна быть внутри.

Макс, а чего тут писать то? Ведь Der neue Gesandte уже все и так написал то что нужно ТС.

Ну на скоко я понял целью было сделать это без left, и т.д.)или я нетак понял.

Внимательней надо быть:

...не использовать маргин или паддинг...
Link to comment
Share on other sites

  • 0

ребята, я заюзал трюк с использованием position:relative

все нормально

насчет бекграунда, у меня там уже стоял бекграунд, можно иметь 2 бекграунда и один выше второго?

а еще вот такой вопрос, я делаю архив новостей, хочу сделать в 2 колонки на странице, чтобы шли новости

проблема в том, что мой див row4, если делать в 1 колонку - тянется вниз, а если делать в 2 колонки с враппером - не тянется

у меня есть такой код

<div id="row4">
<p>Архив:</p>
<p class="archiv"><a href="#">Пример новости из архива, срочно разобратья с этим!</a></p>
<p class="archiv"><a href="#">Пример новости из архива, срочно разобратья с этим!</a></p><div class="wrap"></div>
<p class="archiv"><a href="#">Пример новости из архива, срочно разобратья с этим!</a></p>
<p class="archiv"><a href="#">Пример новости из архива, срочно разобратья с этим!</a></p><div class="wrap"></div>
<br /><br />

</div>

и дальше цсс

#row4
{
background-color: #5e6d70;
width: 100%;
}

#row4 p
{
padding-top: 10px;
color:white;
font-size: 0.8em;
padding-left: 15px;
padding-right: 10px;

}
#row4 p.archiv
{
margin-left: 15px;
padding-left: 10px;
background: url(../images/marker.gif) no-repeat left 17px;
margin-top: 5px;
float: left;
}
#row4 p.archiv a
{
color:white;
text-decoration: none;
}
#row4 p.archiv a:hover
{
text-decoration: underline;
}
#wrap
{
clear: right;
}

есть соображения, почему не тянется див вниз?

Link to comment
Share on other sites

  • 0

<div class="wrap"></div>

Это что за ботва?

Я конечто не знаю какой у вас доктайп стоит, но по моему внутрь <p> нельзя запихивать <div>, это во-первых.

Во-вторых надо сказать overflow: hidden; и zoom: 1; блоку #row4.

И в-третьих можно класс wrap добавлять к правому параграфу и не лепить лишний див куда не положено.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy