Отображение страницы в разных браузерах

kalisto · April 4, 2010

Приветствую всех.

Я новичок в веб-программировании, поэтому возможно ответ на мой вопрос окажется очевидным для некоторых.

Хочу сделать трёх колоночный макет для страницы с фиксированной шириной, выравниванием по центру, с шапкой и нижним колонтитулом. Нашла пример, прописала код, просмотрела страничку в IE и Firefox. Результаты оказались различны. В Firefox все отображается правильно, а в IE справа по вертикали процентов 20 не занятого пространства. Помогите плиз разобраться. Прилагаю код, который использовала.

код ccs файла:

body{
	margin: 0;
	padding: 0;
	}
#container{
	position: absolute;
	left: 500px;
	margin-left: -500px;
	widht: 1000px;
	margin-top: 10px;
	}
#masthead{
	widht: 1000px;
	}
#nav{
	float: left;
	width: 200px;
	}
#content{
	float: left;
	width: 580px;
	margin-right: 10px;
	margin-left: 10px;
	}
#sidebar{
	float: right;
	width: 200px;
	}
#footer{
	clear: both;
	width: 1000px;
	}

Код html файла:

<body>
  <div id = "container">
	 <div id = "masthead">
	 ....
	 </div>
	 <div id = "nav">
		 .....
	 </div>
	 <div id = "content">
	......
	</div>
	<div id = "sidebar">
		........  
	</div>
	<div id = "footer">
	   .....
	</div>
  </div>
</body>

Edited April 4, 2010 by kalisto

psywalker · April 4, 2010

Структура следующая:

Шапка

Три колонки в ряд в общем контейнере

Подвал

Sign In

Отображение страницы в разных браузерах

Question

kalisto

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information