Перескок с float в IE6

nps · March 23, 2009

Здравствуйте

Вопрос - как сделать без таблиц не съезжающий ниже бокового float-элемента блок?

Вот вырезка из кода

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
	margin: 0 auto; padding: 0;}

#bar-vertical {
	float:left;
	white-space:nowrap;
	border:2px solid;width:230px;}

#main{
	margin-left:235px;}

#header blockquote{
	margin:0; white-space:nowrap}

#bar-horizontal{
	border:2px solid;
	text-align:right; white-space: nowrap;
}

</style>
</head>
<body>
<div id="bar-vertical">
<a href="#">Ссылка</a><br />	 
<a href="#">Ссылка</a><br />	 
<a href="#">Ссылка</a><br />	 
<a href="#">Ссылка</a><br />	 
<a href="#">Ссылка</a><br />	 
</div>
<div id="main">
<div id="header">
<blockquote>Здесь широко-широко-широко-широко-широко-широко-широко-широко-широко-широко-широко-широко-широко-широко-широко.</blockquote>
</div>
<div id="bar-horizontal">
<a href="#">Ссылки</a>
</div>
</body>
</html>

При слишком широком тексте над #bar-horizontal съезжает сразу всё, не смотря на то, что при том же отступе места больше не становится.

Уже запутался, ведь в Fx3, IE8 и опере оно выглядит как надо, а в IE - перепрыгивает вниз. Отчего так и как это правильно делается?%(

И почему при width:100% на #bar-horizontal съезжает вниз только эта полоса?

Edited March 23, 2009 by nps

3ABAPKA · March 24, 2009

Сверстай как здесь

http://www.dynamicdrive.com/style/layouts/category/C10/

Edited March 24, 2009 by 3ABAPKA

Sign In

Перескок с float в IE6

Question

nps

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

3ABAPKA

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information