Код:
<DIV id="head">
<DIV id="l_head">
<DIV class="menu">
<A HREF="#">Главная</A>
<A HREF="#">О компании</A>
<A HREF="#">Услуги</A>
<A HREF="#">Контакты</A>
</DIV>
</DIV>
<DIV id="r_head">
<FORM action="act/ion.php" id="anketa">
<TABLE>
<TR><TD><INPUT type="text" name="full_name" size="20"></TD></TR>
<TR><TD><INPUT type="text" name="telephone" size="20"></TD></TR>
<TR><TD><INPUT type="text" name="time" size="20"></TD></TR>
<TR id="zayavka"><TD><A HREF="#">Сделать заявку</A></TD></TR>
</TABLE>
</FORM>
</DIV>
</DIV>
<DIV id="list">
<IMG src="img/list.jpg">
</DIV>со следующим стилем:
Код:
BODY {
margin: 0
}
#head{
padding: 0;
margin: 0;
width: 100%;
height: 258px;
background: url(img/head_bg.jpg) repeat-x
}
#l_head{
background: url(img/l-future.jpg) no-repeat;
float: left;
width: 706px;
height: 258px;
margin: 0;
padding: 0
}
#l_head .menu{
width: 70%;
display: inline;
float: left;
padding: 14.2em 0 0 1.15em;
word-spacing: 0.6em
}
#l_head .menu A:link, #l_head .menu A:visited, #l_head .menu A:active{
color: black;
display: inline;
margin: 0 1em;
padding: 0;
font-size: 0.7em;
width: 66px
}
#l_head .menu A:hover{
color: white;
display: inline;
background: url(img/menu-bg.jpg) no-repeat;
margin: 0 1em;
padding: 0;
width: 66px
}
#r_head{
background: url(img/r-future.jpg) no-repeat;
width: 296px;
height: 258px;
float: right;
}
#r_head #anketa{
margin-left: 2.9em;
margin-top: 6em
}
#r_head #anketa TD{
padding: 1em 0 0 0;
}
#anketa #zayavka TD{
float: right;
margin: 0;
padding: 0
}
#anketa #zayavka A{
color: white;
text-decoration: none;
float: right;
border-bottom-style: dashed
}
#list{
padding: 0;
margin: 0;
background: url(img/list-bg.jpg) repeat-x;
width: 100%;
height: 154px;
text-align: center;
font-size: 0
}
.menu A:link, .menu A:visited, .menu A:active{
text-decoration: none;
}
.menu A:hover{
text-decoration: underline;
color: white
}Вкратце - 2 два больших контейнера (один, правда, состоит из двух чуть меньше), набитых всяким контентом. Второй должен следовать сразу за первым, без всяких "прорех". В Opera и FireFox так и происходит, однако в IE6 между контейнерами наличиствует довольно большой зазор, портящий вид. Как привести вид в IE к нормальному виду, т.е. как в остальных браузерах?
, но пока я справлялся таким образом:
