Я новичок в CSS, поэтому этот вопрос может быть глупым, но ...
У меня есть веб-страница (приведенный ниже код является упрощением), где я помещаю некоторую структуру и CSS дляпозиционирование.Если вы посмотрите, в коде контент идет перед заголовками (не заголовками html, «меню страниц»), но с помощью CSS я поместил эти меню в верхней части страницы.Итак, в основном то, что вы видите, отличается от того, что видит Google.Зачем?потому что я хочу, чтобы Google мог сразу увидеть содержимое (я читал, что это может улучшить ваши шансы на правильную индексацию), которое отлично работает в Firefox, Opera, Safari, Chrome ... но не работает в IE7 и IE6 ..В этом браузере, даже если «страницы меню» отображаются сверху, они отображаются справа, полностью разрушая макет страницы
HTML CODE
<body id="body">
<div id="main-block">
<div id="content" >
<!-- Here comes the content -->
</div>
<div id="rigth-col">
</div>
</div>
<div id="footer" >
<p>Footer</p>
</div>
<div id="index_header" class="">
</div>
<div id="middle-block">
<!-- Middle Content -->
</div>
</body>
CSS CODE
body {
line-height:1.5;
margin-left: 120px;
width: 1024px;
height: 100px;
}
#main-block{
margin-top: 360px;
width: 1024px;
float: left;
}
#content{
border:3px double #CCCCCC;
height: 865px;
width: 700px;
float: left;
}
#rigth-col{
float: left;
width: 310px;
height:865px;
border:3px double #CCCCCC;
}
#middle-block{
clear: both;
position: absolute;
top : 195px;
width: 1024px;
height: 150px;
}
#footer {
float:left;
margin-top:20px;
width:1024px;
border:3px double #CCCCCC;
}
#index_header{
clear: both;
position: absolute;
top: 20px;
width: 1024px;
}
