Выравнивание div по центру экрана

margin:0 auto;
Только в ЕИ6 работать не будет. Но 6 осел браузером не считается.
<-------------- добавлено через 27 сек. -------------->
Кстати в ИЕ6 будет работать такой вариант: <center><div>...</div></center>
 
Перед закрывающим body добавить:
HTML:
<div style="position:absolute;left:50%;top:50%;width:1px;height:1px;">
<div style="position:absolute;left:-300px;top:-200px;width:600px;height:400px;">
Тут, то, что будет поверх всего
</div>
</div>
 
есть лист выводится в линию с помощью display: inline-block;
HTML:
<div id="footer-bottom" class="clearfix">
  <ul class="col">
    <li id="categorisation" class="widget-container ">
      <div id="categorisation_group_1" class="categorisation_group">
      <div id="categorisation_group_2" class="categorisation_group">
как выровнять по центру если ширина его изментся?
 
есть лист выводится в линию с помощью display: inline-block;
HTML:
<div id="footer-bottom" class="clearfix">
  <ul class="col">
    <li id="categorisation" class="widget-container ">
      <div id="categorisation_group_1" class="categorisation_group">
      <div id="categorisation_group_2" class="categorisation_group">
как выровнять по центру если ширина его изментся?
HTML:
text-align: center;
нэ?
 
  • Нравится
Реакции: chas
Как вариант:

jQuery.fn.center = function()
{
var w = $(window);
this.css("position","absolute");
this.css("top",(w.height()-this.height())/2+w.scrollTop() + "px");
this.css("left",(w.width()-this.width())/2+w.scrollLeft() + "px");
return this;
}
 
Назад
Сверху