Выравнивание блочных элементов

WMGAW · 09.04.2009

Люди помогите!!!
Как мне выравнивать в Opere и Firefox блочный элемент внутри другого блока? :unsure:
Пример:

Код:

   <html>
   <head>
   <style type="text/css">
	  #id1{text-align:center; border: 1px solid black; width: 400px; padding:5;}
	  #id2{text-align:center; border: 1px solid black; width: 200px; padding:5; background:#ecf;}
   </style>
   </head>
   <body>
	  <div id="id1"><div id="id2">Выравнивание по центру</div></div>
   </body>
   </html>

Напомню что здесь второй <div> не выравнивается в Opere и Firefox

Creator · 10.04.2009

У меня получилось так:

Код:

<html>
<head>
   <style type="text/css">
	  #container {text-align: center;}
	  #id1{ border: 1px solid black; width: 400px; padding:5; margin: 0 auto;}
	  #id2{ border: 1px solid black; width: 200px; padding:5; background:#ecf; margin: 0 auto;}
   </style>
   </head>
   <body>
	  <div id="container"><div id="id1"><div id="id2">Выравнивание по центру</div></div></div>
   </body>
   </html>

Проверил в Опере, ФФ3 и ИЕ

WMGAW · 10.04.2009

Creator сказал(а):

У меня получилось так:

Код:

<html>
 <head>
	<style type="text/css">
	   #container {text-align: center;}
	   #id1{ border: 1px solid black; width: 400px; padding:5; margin: 0 auto;}
	   #id2{ border: 1px solid black; width: 200px; padding:5; background:#ecf; margin: 0 auto;}
	</style>
	</head>
	<body>
	   <div id="container"><div id="id1"><div id="id2">Выравнивание по центру</div></div></div>
	</body>
	</html>

Проверил в Опере, ФФ3 и ИЕ

Спасибо все работает.

Выравнивание блочных элементов

WMGAW

New Member

Creator

Administrator

WMGAW

New Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей