Jump to content
  • 0

Все случаи, когда игнорируется margin:auto


Beck
 Share

Question

24 answers to this question

Recommended Posts

  • 0

Давайте разберем все случаи, чтобы хоть сделать таблицу что ли. Чтобы можно было её прилепить потом. Выравнивание ведь очень часто в верстке используется.

Edited by Beck
Link to comment
Share on other sites

  • 0
Давайте разберем все случаи, чтобы хоть сделать таблицу что ли. Чтобы можно было её прилепить потом. Выравнивание ведь очень часто в верстке используется.

Хорошая идея, займись этим. :)

Link to comment
Share on other sites

  • 0

untitled-8.jpg

#mainwrapper {position:absolute;top:0;left:0;width:100%;margin:0px;padding:0px;}
#subwrapper {width:940px;margin:0px auto;}

	#content 			{width:940px;margin:0px auto 0px auto;}
#formwrap {margin:10px auto;width:80%;}
.zend_form {border:1px solid red;}
.elements {width:49%;float:left;border:1px solid blue;}
.elements label {display:block;}
.elements input {width:250px;}
.elements textarea {width:600px;margin:0px auto;}
#element1 {width:100px;}
#element1 input {width:80px;}
#element2 {width:100px;}
#element2 input {width:80px;}
#element3 {clear:both;width:100%;}

Нужно выровнять textarea по горизонтали.

Убирал float тут

.elements {width:49%;float:left;border:1px solid blue;}

Не помогает.

Edited by Beck
Link to comment
Share on other sites

  • 0

Ааа, вот оказывается в чём дело-то))) Тоесть это ты так из далека начал значит. rus, смотри ка какой хитрец, а :) А сразу вопрос задать не судьба была?

По второму Сабжу:)

Назначаешь Текстарии ширину и margin: 0 auto; Без всяких флоат и абсолютов.

Link to comment
Share on other sites

  • 0
Ааа, вот оказывается в чём дело-то))) Тоесть это ты так из далека начал значит. rus, смотри ка какой хитрец, а :D А сразу вопрос задать не судьба была?

По второму Сабжу:)

Назначаешь Текстарии ширину и margin: 0 auto; Без всяких флоат и абсолютов.

Ну уж простите меня бесстыжего. :)

Сейчас попробую.

Link to comment
Share on other sites

  • 0
Ааа, вот оказывается в чём дело-то))) Тоесть это ты так из далека начал значит. rus, смотри ка какой хитрец, а :) А сразу вопрос задать не судьба была?

По второму Сабжу:)

Назначаешь Текстарии ширину и margin: 0 auto; Без всяких флоат и абсолютов.

Да я так сразу и понял.

Вах, какой настойчивый варон!

Link to comment
Share on other sites

  • 0
не игнорируется ни разу) только что делал. пашет

быть не может, на абсолюте блок вообще летает в "воздухе" и он не может никак выравниваться посередине чего либо ибо он ни к чему не привязан, только к координатам :)

Link to comment
Share on other sites

  • 0
быть не может, на абсолюте блок вообще летает в "воздухе" и он не может никак выравниваться посередине чего либо ибо он ни к чему не привязан, только к координатам :)

На Новый Год сбываются все мечты :)

Link to comment
Share on other sites

  • 0
быть не может, на абсолюте блок вообще летает в "воздухе" и он не может никак выравниваться посередине чего либо ибо он ни к чему не привязан, только к координатам :)

У абсолюта есть родитель релейтив или боди и абсолют понимает как правую так и левую его кромки, почему бы ему и не выровница?

Link to comment
Share on other sites

  • 0
Но не margin:0 auto;

Да? а я думал как раз о нем. По логике ничего сверхъестественного. Мы же просим его не от соседа оттолнуться, а от рубежа, который он понимает и видит. Ширина у него скомканная, по поведению напоминает принятие ширины элементом с display:inline-block.

Link to comment
Share on other sites

  • 0
Да? а я думал как раз о нем. По логике ничего сверхъестественного. Мы же просим его не от соседа оттолнуться, а от рубежа, который он понимает и видит. Ширина у него скомканная, по поведению напоминает принятие ширины элементом с display:inline-block.

Так, кому то пора перечитывать спеку :)

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Прямоугольники</title>
<style type="text/css">
div.relative { width: 1000px; height: 1000px; position: relative; border: 1px solid #000;}
div div { position: absolute; width: 100px; height: 30px; background: red; margin: 0 auto;}

</style>
</head>

<body>

<div class="relative"><div></div></div>
</body>
</html>

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