Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 12.01.2013, 15:09   #11
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от ололошенько Посмотреть сообщение
ну я за эти дним освоил только вот такой способ:

размещение обьекта шириной 1000
position:absolute;
left:50%;
margin-left:-500;

раскажите как можно ещё осуществить подобное,буду признателен.
На здоровье:
Код:
1. Уже показывали (относительное позиционирование с отрицательными маргинами, на htmlbook.ru есть описание этого метода)
<br>
2. автоматические отступы, ширина должна быть задана
<style>
.block-2 {
  width:50%;
  border:1px dashed #0f0;
  margin:0 auto;
}
</style>
<div class="block-2">
  Инерциальная навигация стабилизирует штопор, игнорируя силы вязкого трения. Расчеты предсказывают, что направление неустойчиво представляет собой уходящий угол курса, даже если не учитывать выбег гироскопа. Угол тангажа, согласно уравнениям Лагранжа, не входит своими составляющими, что очевидно, в силы нормальных реакций связей, так же как и угол тангажа, поэтому энергия гироскопического маятника на неподвижной оси остаётся неизменной. Момент очевиден. 
</div>

3. независимая ширина выравниваемого блока src: http://www.artlebedev.ru/tools/technogrette/html/align-center/
<style type="text/css">
.align_center {
  position: relative;
  width: 100%;
}
.align_center:after { /* для ие8- можно заменить на обычный клеар-фикс */
  content: '';
  display: block;
  clear: both;
}
.align_center_to_left {
  position: relative;
  right: 50%;
  float: right;
}
.align_center_to_right {
  position: relative;
  z-index: 1;
  right: -50%;
}
</style>
<div class="align_center" style="border: 1px dashed red; color: red;">
Выравниваем относительно этого блока.
    <div class="align_center_to_left">
        <div class="align_center_to_right" style="margin: 1em 0; border: 1px dashed green; color: green;">
            Ширина блока зависит от&nbsp;размера надписи.
        </div>
    </div>
</div>

4. Не так давно для себя открыл, ширина блока зависит от содержимого, но блоки не выходят из потока (для дрочеров на скорость рендера).
<style>
.block-4-wrapper {
  text-align: center;
}
.block-4 {
  text-align: left;
  display: inline-block;
  *display: inline;/*ie 6-7*/
  zoom:1; /*ie 6-7*/
}
</style>

<div class="block-4-wrapper">
  <div class="block-4">
    <div style="width:400px">
      ширина выравниваемого блока зависит от ширины этого
    </div>
  </div>
</div>
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS меню по центру opa__ HTML и CSS 14 18.03.2012 18:27
Как выровнять изображение в CSS по центру? VasyOK{!} HTML и CSS 8 02.03.2012 14:34
Расположение обьекта jetei Gamedev - cоздание игр: Unity, OpenGL, DirectX 3 15.12.2011 20:21
расположение объекта по центру формы skalt12 Общие вопросы Delphi 3 11.05.2010 19:43
Выравнивание фона по центру CSS Spacewalker HTML и CSS 1 17.04.2010 11:57