как сделать один из дивов центральным и с заданной шириной - HTML и CSS

Arassir · 17.12.2009, 22:01

Задача следующая
есть три дива располагающиеся друг с другом,
как сделать так, чтобы средний div всегда был 800px и между двумя другими div'ами

Размеры других div'ov должны быть одинаковы

Все дивы вместе должны по ширине соответствовать экрану

может кто поможет?

Magneto · 30.12.2009, 23:33

я не знаю как этого добиться только одним css
поэтому я применил бы таблицу

html :

Код:

<!doctype html>
<html>
<head>
	<title>Название страницы</title>
	<meta http-equiv="content-type" content="tex/html; charset=utf-8" />
	<style type="text/css">
	body {
	margin:0;
	padding:0;}
	</style>
</head>
<body>

	<table width="100%" align="center" border="0" cellspacing="0">
		<tr width="100%">
			<td bgcolor="#aaeeaa">
			</td>
			<td width="800" height="900" bgcolor="#6060ee">
			</td>
			<td bgcolor="#eeaaaa">
			</td>
		</tr>
	</table>
	
</body>

вот ссылка, как это все выглядит http://magneto.wml.su/ht/arassir/arassir.html

wolf950 · 12.01.2010, 17:31

а в инете не судьба посмотреть?
хотя бы вот - http://www.htmlbook.ru/content/?id=101

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

антигерой · 22.01.2010, 19:57

Можно сложными схемами рассчитывать координаты дивов и задавать ширину им, но кроссбраузерность будет хромать.

Проще таблицами.

17.12.2009, 22:01	#1
Arassir Форумчанин Регистрация: 23.10.2008 Сообщений: 230	как сделать один из дивов центральным и с заданной шириной Задача следующая есть три дива располагающиеся друг с другом, как сделать так, чтобы средний div всегда был 800px и между двумя другими div'ами Размеры других div'ov должны быть одинаковы Все дивы вместе должны по ширине соответствовать экрану может кто поможет?

30.12.2009, 23:33	#2
Magneto Форумчанин Регистрация: 10.02.2008 Сообщений: 178	я не знаю как этого добиться только одним css поэтому я применил бы таблицу html : Код: `<!doctype html> <html> <head> <title>Название страницы</title> <meta http-equiv="content-type" content="tex/html; charset=utf-8" /> <style type="text/css"> body { margin:0; padding:0;} </style> </head> <body> <table width="100%" align="center" border="0" cellspacing="0"> <tr width="100%"> <td bgcolor="#aaeeaa"> </td> <td width="800" height="900" bgcolor="#6060ee"> </td> <td bgcolor="#eeaaaa"> </td> </tr> </table> </body>` вот ссылка, как это все выглядит http://magneto.wml.su/ht/arassir/arassir.html Последний раз редактировалось Magneto; 30.12.2009 в 23:42.

12.01.2010, 17:31	#3
wolf950 Пользователь Регистрация: 12.11.2008 Сообщений: 79	а в инете не судьба посмотреть? хотя бы вот - http://www.htmlbook.ru/content/?id=101 ну а так... я соглашусь с предыдущим ответом, таблицей в таком случае проще делать... Что не делается - все к лучшему!!!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Из заданной символьной строки, выбрать те символы, которые встречаются в ней только один раз...	Banny	Паскаль, Turbo Pascal, PascalABC.NET	3	19.12.2008 06:15
Как сделать, чтобы значение в столбце повторялось один раз?	Oleg T.	Microsoft Office Excel	1	17.12.2008 16:02
Как сделать отсчет дней от заданной даты в Excel?	ru16	Microsoft Office Excel	1	22.11.2007 11:13
Как сделать что-бы Таймер срабатывал только один раз?	Greg	Компоненты Delphi	11	16.12.2006 01:25

22.01.2010, 19:57	#4
антигерой Пользователь Регистрация: 15.04.2007 Сообщений: 23	Можно сложными схемами рассчитывать координаты дивов и задавать ширину им, но кроссбраузерность будет хромать. Проще таблицами.